Lägg till formulärblocket i temaredigeraren

Sami B2B Onboarding lägger till ett block B2B application form i ditt tema. Det visar ett formulär som en egen sektion i en sidmall, så att du kan placera egna sektioner ovanför och under det, till exempel en banner eller en lista över vad grossistköpare får.

Note

Innan du börjar: formuläret måste vara publicerat (Active under Forms). Behåll även appinbäddningen på, så att dina inställningar för butiksåtkomst gäller på sidan. Se Slå på appinbäddningen.

Välj en mall för formuläret

En sektion som läggs till i en sidmall visas på varje sida som använder den mallen. De flesta sidor använder temats standardmall för sidor, inklusive sidan som appen skapade för ditt formulär, som redan innehåller formuläret. För att visa formuläret på bara en sida ger du den sidan en egen mall, enligt stegen nedan.

Lägg till blocket i en egen mall

1. Öppna temaredigeraren

   Gå till Webbshop › Teman i din Shopify-admin och klicka på Anpassa på ditt aktuella tema.

2. Skapa en sidmall

   Öppna mallmenyn högst upp i temaredigeraren (den visar Startsida när redigeraren öppnas). Välj Sidor och sedan Skapa mall. Ge den ett namn, till exempel wholesale, basera den på Standardsida och klicka på Skapa mall.

   Redigeraren växlar till den nya mallen.

3. Lägg till formulärsektionen

   Klicka på Lägg till sektion under Mall i sidofältet till vänster, öppna fliken Appar och välj B2B application form.

   Formuläret läggs till som ett block i en sektion Appar, och förhandsvisningen visar ditt standardformulär i den. I temaredigeraren ser du alltid själva formuläret, även när du är inloggad i din butik.

   

   Lägg till sektion under Mall och välj sedan B2B application form på fliken Appar.

4. Välj formuläret

   Klicka på B2B application form under Appar i sidofältet. I rutan Form:

   • lämna den tom för att visa ditt standardformulär, eller
   • skriv ett annat formulärs slug, det korta namnet som rutans hjälptext ber om.

   För att hitta ett formulärs slug går du till Forms i appen, klickar på … (More actions) på formulärets rad och väljer Copy embed code. Klistra in den någonstans där du kan läsa den: sluggen är texten i det sista paret citattecken. För formuläret Wholesale application är den wholesale-application.

   

   Lämna Form tomt för ditt standardformulär eller skriv ett annat formulärs slug.

5. Spara

   Klicka på Spara uppe till höger i temaredigeraren.

6. Ge en sida mallen

   Gå till Webbshop › Sidor i din Shopify-admin. Öppna sidan som ska visa formuläret eller klicka på Lägg till sida för att skapa en och ge den en rubrik, till exempel Wholesale. Välj wholesale under Temamall och klicka sedan på Spara.

   Välj den inte för sidan som appen skapade för formuläret: den sidan innehåller redan formuläret, så det skulle visas två gånger.

Använd genvägen från Forms

Appen har en genväg som öppnar temaredigeraren med blocket färdigt.

1. Öppna genvägen

   Gå till Forms i appen. Klicka på … (More actions) på formulärets rad och välj Add block in theme editor.

   

   Add block in theme editor öppnar temaredigeraren med formulärblocket tillagt.

2. Välj formuläret och spara

   Temaredigeraren för ditt aktuella tema öppnas på standardmallen för sidor, med blocket B2B application form tillagt. Klicka på blocket, skriv formulärets slug i Form (eller lämna det tomt för ditt standardformulär) och klicka sedan på Spara.

Caution

Genvägen lägger till sektionen i din standardmall för sidor. Varje sida som använder den mallen visar då formuläret, inklusive sidan som appen skapade för det, som visar formuläret två gånger. För att visa formuläret på bara en sida använder du en egen mall enligt beskrivningen ovan.

Kontrollera den i din butik

1. Öppna sidan som gäst

   Öppna sidan i din butik i ett privat webbläsarfönster, så att du ser den som en köpare som inte är inloggad. Formuläret visas i sin sektion, mellan dina andra sektioner.

2. Åtgärda det du ser, vid behov

   • This form is not available right now. Sluggen i Form matchar inte något publicerat formulär. Kontrollera stavningen eller publicera formuläret under Forms.
   • Ett annat formulär visas. Form är tomt, så sektionen visar ditt standardformulär. Skriv sluggen för formuläret du vill ha, eller gör det formuläret till standard med … (More actions) › Set as default under Forms.

Om du låser din butik förblir en sida från Webbshop › Sidor som visar formuläret öppen för besökare. Se Lås butiken.

Nästa steg

• Designa formuläret – anpassa formulärets typsnitt, färger och bredd till sidan runt omkring.
• Klistra in inbäddningskoden – lägg formuläret i en Custom Liquid-sektion eller en sidbyggare i stället.
• Använd formulärsidan som appen skapar – dela en färdig sida när du inte behöver en designad.