Når du vil skubbe et produkt, slår et enkelt iøjnefaldende kort et fuldt butiksgitter. Den Udvalgt produktwidget i Master Addons Pro bygger det kort: et billede, en titel, en pris med en valgfri gennemstreget originalpris, en vurdering, et hjørnebånd og en call-to-action-knap, alt sammen indstillet fra Elementor-panelet.
Du skriver detaljerne i dig selv, så det virker på enhver side med eller uden WooCommerce. Det gør det praktisk for en promo blok, en affiliate pick, en lancering meddelelse, eller en aftale, du ønsker front og center. Denne vejledning dækker hver indstilling, fra de tre layout designs til båndet og rating kontrol.
Foretrækker du at se først? Denne korte tutorial går gennem Featured Product widget fra ende til anden:
Hvad Featured Product-widgetten gør #
Widgetten udsender et selvstændigt produktkort. Du giver det et billede, et navn, en beskrivelse eller funktionsliste, en pris og en knap, og det lægger dem ud i et af tre færdige designs. Et bånd og en stjerneklassificering sidder øverst for at tiltrække opmærksomhed.
Intet her trækker fra din WooCommerce katalog. Du indtaster indholdet i hånden, hvilket betyder, at du kan feature et produkt, en tjeneste, en pakke, eller et eksternt tilbud uden at oprette en butik først.
Før du starter #
- WordPress med Elementor installeret og aktiv.
- Master Addons Pro installeret med en aktiv licens, da Udvalgt produkt er en Pro-widget. Ny i plugin'et? Se den installationsvejledning.
- Et produktbillede og de detaljer, du vil vise (navn, pris, knaplink).
Sådan tilføjer du widgetten Udvalgt produkt #
I Elementor-editoren skal du åbne Elementer panel og søg efter Udvalgt produkt, eller rul til afsnittet Mastertilføjelser. Træk det over på din side, og der vises et eksempelkort med det samme, så du redigerer fra et arbejdsudgangspunkt i stedet for et tomt.
Udfyld produktdetaljerne #
Åbn Content fanebladet og General sektion holder hovedfelterne. Det er her kortet får sit indhold.
- Layouts: vælg Design 1, Design 2 eller Design 3. Mere om disse nedenfor.
- Billede: vælg produktbilledet fra Mediebiblioteket.
- Titel: produktnavnet. Det understøtter dynamiske tags, hvis du vil trække det fra et felt.
- Indholdstype: skift mellem en almindelig Description og a List af funktioner.
- Pris og Oprindelig pris: den aktuelle pris plus en valgfri original pris, der viser slået igennem, som lyder som en rabat.
- Knaptekst og link: call-to-action-etiketten, og hvor den sender personer. Design 2 bruger et knapikon i stedet for tekst.
Beskrivelse eller en funktionsliste #
Set Indholdstype til List og beskrivelsesboksen bliver til en repeater. Du vælger et Listeikon (et flueben som standard) og tilføjer så mange funktionslinjer, som du vil, hver med en duplikat- og sletningskontrol. Det er en hurtig måde at forvandle et kort til en minisalgspitch med bullet-point-fordele.
Vælg et layoutdesign #
Widgetten leveres med tre layouts, og skift mellem dem omarrangerer det samme indhold, uden at du laver noget om.
Design 2 stabler billedet ovenpå, og sætter derefter et ikonmærke ved siden af titlen og beskrivelsen, med rating og pris på en række. Knappen vises som et ikon her.
Design 3 fører med billedet, og centrerer derefter titlen, beskrivelsen, rating, prisen og en fuld-bredde knap under det. Det er den reneste af de tre for en simpel promo.
Design 1 (standard) sætter vurderingen og titlen øverst, prisen under den, derefter billedet, beskrivelsen og en knap i fuld bredde nederst.
Tilføj et bånd og en bedømmelse #
Rul forbi feltet Link, og du når frem til Ribbon og Bedømmelse kontroller. Båndet er hjørnebanneret, der kalder “NY” eller “HOT,” og bedømmelsen er rækken af stjerner.
- Bånd (Vis): slå hjørnebanneret til eller fra.
- Båndtype: vælg en båndstil. Stilarterne ændrer form og position, fra et diagonalt hjørne til et flag eller citatmærke.
- Båndtekst og båndikon: etiketten (som NEW eller HOT) og et valgfrit ikon såsom trofæet.
- Bedømmelse: indstil stjerneværdien, for eksempel 4,5, og kortet viser delstjerner, der matcher.
Style kortet #
The Style tab opdeles i sektioner, der matcher kortets dele: Box, Title, Content, Price, Button, Bedømmelse, Ribbon, og Mønstre (fra den gratis Patterns udvidelse).
- Boks: baggrund, kant, radius og skygge for hele kortet.
- Titel, Indhold, Pris: farve, typografi, justering og afstand for hver tekstblok.
- Knap: farver, typografi, udfyldning og svævetilstand for opfordringen til handling.
- Bedømmelse og bånd: stjernefarve og båndets farve- og tekststyling.
Resultatet på siden #
Udgiv eller forhåndsvisning, og kortet gengives med alt på plads: båndet i hjørnet, vurderingen, prisen med sin gennemstregede original, dit billede og knappen, der er knyttet til, hvor du indstiller det. Nedenfor er den samme widget i to af dens designs.
Almindelige brugstilfælde #
- Promo-blokke fremhævning af ét produkt på en landingsside.
- Affiliate picks med en vurdering, pris og et udgående købslink.
- Start eller aftal opkald brug af NEW eller HOT båndet.
- Servicepakker med indholdstypen Liste, der viser, hvad der er inkluderet.
- Fremhævet vare ved siden af en prisfastsættelsestabel eller en call-to-action sektion.
Tips til at arbejde med widgetten Udvalgt produkt #
- Indstil en originalpris for at vise rabat. Det gennemstregede nummer ved siden af den aktuelle pris lyder som en aftale med et øjeblik.
- Brug indholdstypen Liste til fordele. Korte funktionslinjer konverterer bedre end et afsnit på et kampagnekort.
- Hold båndtekst på ét ord. NYHED, HOT eller UDSALG passer til hjørnebanneret uden indpakning.
- Match designet til layoutet omkring det. Design 3 passer til et rent gitter; Design 1 fylder en sidebar eller smal søjlebrønd.
- Peg knappen et virkeligt sted hen. Indstil linket til kassen, produktsiden eller affiliate-URL'en, før du udgiver.
Ofte stillede spørgsmål #
Hvad er widgetten Udvalgt produkt i Master Addons?
Det er en Master Addons Pro widget til Elementor, der bygger et enkelt produktkort med et billede, titel, pris, bedømmelse, bånd, og en call-to-action knap. Du indtaster detaljerne i hånden og vælge en af tre layout designs. Det virker på enhver side, med eller uden WooCommerce.
Har widgetten Udvalgt produkt brug for WooCommerce?
Nej. Widgetten trækker ikke fra et WooCommerce katalog. Du skriver i produktnavn, pris, billede, og knap link selv, så du kan feature et produkt, service, eller eksternt tilbud på enhver side uden at køre en butik.
Hvor mange layouts har widgetten Udvalgt produkt?
Tre. Design 1 fører med bedømmelsen og titlen over billedet, Design 2 sætter et ikonmærke ved siden af titlen med en ikonknap, og Design 3 centrerer indholdet under et topbillede. Skiftende design omarrangerer det samme indhold automatisk.
Hvordan viser jeg en rabatpris på kortet?
Udfyld både feltet Pris og Oprindelig pris i afsnittet Generelt. Den aktuelle pris vises i accentfarven, og den oprindelige pris vises ved siden af den med en gennemstregning, som signalerer rabat til besøgende.
Kan jeg vise en funktionsliste i stedet for en beskrivelse?
Ja. Indstil indholdstype til liste i afsnittet Generelt. Beskrivelsesfeltet bliver en repeater, hvor du tilføjer funktionslinjer, hver med et listeikon. Brug det til at gøre kortet til en kort, scanbar fordelsliste.
Indpakning #
Widgetten Udvalgte produkter forvandler en håndfuld detaljer til et poleret Elementor-produktkort: Vælg et design, tilføj et billede og en pris, tænd et bånd og en bedømmelse, og link knappen. Da intet afhænger af WooCommerce, falder det ned på enhver side som en promo eller affiliate blok. Par det med Prissætning Tabel widget eller en Call to Action sektion, gennemse hele Master Addons widgets og udvidelser, og se den prissætning side for hvad hver plan omfatter. Se den Udvalgt Produkt widget side til demoer.
