Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Hur man addar en Custom Product Builder i WooCommerce (enkelt)

Vill du lägga till en custom produktbyggare i WooCommerce?

En custom product builder allow customers to design products and customize them to their own requirements. Detta interaktiva sätt att customize produktorder kan öka konverteringen av försäljningen i din WooCommerce store.

I den här artikeln kommer vi att visa dig hur du enkelt kan add to en customize produktbyggare i WooCommerce utan att anställa några utvecklare eller skriva någon kod.

How to add a custom product builder in WooCommerce

Varför add to en Custom Product Builder i WooCommerce?

Att lägga till en anpassad produktbyggare i WooCommerce gör att dina kunder kan customize produkterna innan de gör en order.

You kan till exempel lägga till print-on-demand-produkter och allow customers to add their logos, images, and text to the products.

En custom produktdesigner för WooCommerce kan användas för att sälja yours egna produkter som customers kan customize innan leverans.

Alternativt kan du också starta ett dropshipping-företag och låta en tredjepartsleverantör ta hand om customize och frakt.

Med detta sagt, låt oss ta en titt på hur man add to en custom product builder till din WooCommerce store.

Lägga till Custom Product Builder till en WooCommmerce Store

För denna tutorial kommer vi att använda Zakeke. Det är ett WooCommerce-produkt customizer-verktyg och erbjuder en sömlös produktbyggarupplevelse för dina användare. Produktdesignern är verkligen lätt att använda för kunder såväl som för ägare av butiker.

Först måste du besöka Zakekes website och registrera dig för ett account. Du kan klicka på knappen ”Starta gratis provperiod” för att komma igång.

Zakeke

Zakeke fungerar med de mest populära plattformarna för ecommerce, inklusive WooCommerce.

För att ansluta din store till Zakeke, växla tillbaka till din WordPress webbplats admin area.

Därefter måste du installera och aktivera det gratis Zakeke plugin. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett plugin för WordPress.

Det gratis tillägget fungerar som en anslutning mellan din website och Zakeke produktbyggare.

När du aktiveras kommer du att bli ombedd att ansluta din WooCommerce store till ditt Zakeke account. Klicka bara på knappen ”Anslut” för att fortsätta.

Connect Zakeke

You will then be asked to allow Zakeke access to perform actions on your WooCommerce store.

Fortsätt och klicka på knappen ”Approve” för att gå vidare.

Connect Zakeke to WooCommerce

Då kommer du till Zakekes dashboard.

You can now head to the ’Customizable Products’ alternative from the menu on your left.

Go to customizable products

Du är nu redo att add to produkter som customers kan customize.

Lägga till din första anpassningsbara produkt

När du är i Anpassningsbara produkter, gå vidare och klicka på knappen ”Add”.

Add your custom product

You kan sedan välja en produkt från din egen store, skapa en produkt from scratch eller välja en print-on-demand tjänst.

I den här tutorialen väljer vi att add to produkter från vår egen demo store.

Choose where to get your product from

Därefter kommer Zakeke att hämta produkter från din store.

Du måste välja den produkt som du vill konfigurera.

Choose a product from your store

Efter det kommer Zakeke att välja din produkt image från din store.

Du kan uploada en annan image om du vill använda den. You can also upload the back side of the product image or add variations.

Change custom product image

När du är nöjd med bilderna på produkten klickar du på knappen ”Set print area”.

Detta kommer att visa en popup där du måste ställa in en linjal genom att helt enkelt dra en linje med din mus och ange ett mått.

Make a line with the ruler

Därefter måste du välja en form för utskriftsområdet och rita den på produktimagen.

I denna tutorial kommer vi att använda den rektangulära formen.

Create a rectangular area on your product

När du är klar klickar du på knappen ”Save” för att fortsätta.

Därefter måste du clicka på knappen ”I don’t offer variations, go to preview”.

Go to product preview

You will now see your product details.

Glöm inte att klicka på knappen ”Save” för att spara dina ändringar.

View preview and save custom product

Zakeke kommer nu att visa en preview av custom product builder.

You kan testa för att se om allt fungerar som det ska och göra ändringar om det behövs. Det finns också ett alternativ för att göra en testorder.

Test the custom product builder

När du är nöjd med ändringarna klickar du helt enkelt på knappen ”Publicera” högst upp.

Inställning av utskriftsmetoder

Nästa steg är att ställa in utskriftsmetoder. Här kan du välja hur du vill att designfilerna ska formateras för utskrift.

Från dashboarden i ditt Zakeke account, gå till ”Printing methods” i den vänstra colonnen och klicka sedan på knappen ”Add”.

Add a printing method

Härifrån kan du välja vilka utskriftsfunktioner du vill allow your customers att använda.

You can also choose the file types, resolution, and format. Om du tillåter användare att add to en text box till produkten, så har du alternativ för att control text style, font, format, color, size, med mera.

Edit printing method details

Längst ner kan du välja befintliga produkter som den här metoden ska tillämpas på.

Glöm inte att klicka på knappen ”Save” för att spara dina ändringar.

Select products to apply printing methods

Använda Custom Product Builder i WooCommerce

Zakeke kommer att lägga till alternativet för produkt customize till alla produkter du addar med hjälp av produktkonfiguratorn.

You can simply visit the product in your store, and you will see the alternative to Customize the product.

Customize your product

Detta öppnar produktdesignergränssnittet, som innehåller en preview av designverktygen för produkt image till höger.

Användarna kan add to text eller uploada images från sina devices eller social media accounts.

Add image to product in the builder

De kan också justera imagen eller texten inom utskriftsområdet genom att helt enkelt dra i hörnen. Det finns också alternativ för att välja olika font, färger och stilar.

När de är slutförda kan användarna downloada en kopia av sin design som PDF, save den eller helt enkelt add to the cart.

Efter det kan kunderna kontrollera som de normalt skulle göra med en preview av deras customize-produkt i cart.

View cart with custom product

Bonus Tips: Sälj mer anpassningsbara produkter i WooCommerce

Anpassningsbara produkter och en snygg produktdesigner kan hjälpa dig att sälja mer. Men kunderna kanske inte vet att de kan customize och designa sina produkter.

Det är här OptinMonster kommer in.

Det är den bästa programvaran för konverteringsoptimering på marknaden som tillåter dig att enkelt konvertera WooCommerce besökare till betalande kunder.

OptinMonster levereras med lightbox popups, slide-in popups, notification barer, nedräkningstimer och mer. Alla dessa verktyg kan hjälpa dig att visa rätt meddelande till dina kunder vid rätt tidpunkt.

Upsell popup preview

Med dess kraftfulla displayregler kan du rikta in dig på customers och visa dem personliga kampanjer.

You kan till exempel erbjuda gratis frakt till kunder i ett visst area, visa en slides-in popup för customize-produkter eller ge en tidsbegränsad coupon för att återskapa övergivna cart-försäljningar.

OptinMonster countdown timer

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du enkelt kan add to en custom product builder i WooCommerce. Du kanske också vill se vår guide om hur man spårar konverteringar i WooCommerce för att få ditt företag att växa och vår jämförelse av de bästa WooCommerce hosting providers.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

1 kommentarLämna ett svar

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.