Wklej kod osadzania

Kod osadzania to jeden wiersz HTML, który wyświetla formularz w miejscu, w którym go wkleisz. Użyj go, gdy blok w edytorze motywów nie pasuje: w sekcji Niestandardowy Liquid, w treści strony obok własnego tekstu lub w aplikacji do tworzenia stron.

Notatka

Zanim zaczniesz: osadzenie aplikacji musi być włączone. Kod tylko oznacza miejsce, a formularz ładuje do niego osadzenie aplikacji. Zobacz Włączanie osadzenia aplikacji. Formularz musi też być opublikowany (Active w Forms).

Skopiuj kod osadzania

1. Otwórz menu formularza

   W Sami B2B Onboarding przejdź do Forms. Kliknij … (More actions) w wierszu formularza.

2. Skopiuj kod

   Wybierz Copy embed code. Pojawi się komunikat Code copied.

   Kod wygląda tak, a identyfikator Twojego formularza znajduje się w ostatniej parze cudzysłowów:

   <div class="samitaB2BOD-app" data-samita-b2bod-form="wholesale-application"></div>

Okno Your form is ready, które otwiera się po pierwszym zapisaniu nowego formularza, zawiera ten sam kod w sekcji Embed code.

Aby zawsze wyświetlać formularz ustawiony jako domyślny, wyczyść ostatnią parę cudzysłowów: data-samita-b2bod-form="".

Następnie wklej go w jednym z trzech miejsc poniżej.

Wklej go do sekcji Niestandardowy Liquid

Większość motywów zawiera sekcję Niestandardowy Liquid, która przyjmuje taki kod.

1. Otwórz edytor motywów

   W panelu administracyjnym Shopify przejdź do Sklep internetowy › Motywy i kliknij Edytuj motyw przy bieżącym motywie. Za pomocą menu szablonów u góry otwórz szablon, w którym ma się znaleźć formularz.

2. Dodaj sekcję Niestandardowy Liquid

   Na pasku bocznym po lewej kliknij Dodaj sekcję w obszarze Szablon, wpisz Custom Liquid w polu Szukaj sekcji i wybierz Niestandardowy Liquid.

3. Wklej kod

   Kliknij nową sekcję i wklej kod osadzania w jej polu kodu. Podgląd pokaże Twój formularz.

   

   Wklej kod osadzania do sekcji Niestandardowy Liquid, a formularz pojawi się w jej miejscu.

4. Zapisz

   Kliknij Zapisz w prawym górnym rogu edytora motywów.

Wklej go do treści strony

Użyj tego, aby umieścić formularz na stronie, z własnym tekstem nad nim lub pod nim.

1. Otwórz stronę

   W panelu administracyjnym Shopify przejdź do Sklep internetowy › Strony. Otwórz stronę albo kliknij Dodaj stronę, aby ją utworzyć i nadać jej tytuł.

2. Przełącz na HTML

   Na pasku narzędzi edytora treści kliknij Pokaż HTML (przycisk <>).

3. Wklej kod

   Wklej kod osadzania tam, gdzie ma się pojawić formularz. Zachowaj własny tekst przed kodem lub po nim.

   

   W kodzie HTML strony kod osadzania umieszcza się tam, gdzie ma być widoczny formularz.

4. Zapisz

   Kliknij Zapisz. Upewnij się, że strona jest widoczna, aby kupujący mogli ją otworzyć.

Wklej go do kreatora stron

Aplikacje do tworzenia stron zwykle mają element do wstawiania kodu HTML lub własnego kodu.

1. Dodaj element HTML

   W kreatorze stron dodaj jego element HTML lub własnego kodu w miejscu, w którym ma się znaleźć formularz.

2. Wklej i opublikuj

   Wklej kod osadzania do elementu, a następnie zapisz i opublikuj stronę. Strona musi należeć do Twojego sklepu internetowego, w którym działa osadzenie aplikacji.

Sprawdź to w sklepie

1. Otwórz stronę jako gość

   Otwórz stronę w oknie przeglądarki w trybie prywatnym, aby zobaczyć ją tak, jak widzi ją niezalogowany kupujący. Po chwili formularz pojawi się w miejscu wklejenia kodu.

2. Napraw to, co widzisz, jeśli trzeba

   • W miejscu wklejenia kodu nic się nie wyświetla. Sprawdź, czy osadzenie aplikacji jest włączone i czy kod został wklejony dokładnie tak, jak został skopiowany.
   • This form is not available right now. Identyfikator w kodzie nie pasuje do opublikowanego formularza. Skopiuj kod ponownie lub opublikuj formularz w Forms.

Warto wiedzieć

• Kod możesz wkleić w dowolnie wielu miejscach i używać różnych formularzy na różnych stronach.
• Jeśli zablokujesz sklep, strona z Sklep internetowy › Strony, która zawiera formularz, pozostaje otwarta dla odwiedzających. Formularz wklejony na stronie innego rodzaju, na przykład na stronie głównej, nie otwiera tej strony. Zobacz Blokowanie sklepu.
• Zalogowani klienci, którzy już się zgłosili, zamiast formularza widzą komunikat o swoim zgłoszeniu. Zobacz Po wysłaniu formularza przez kupującego.

Kolejne kroki

• Dodaj blok formularza w edytorze motywów – umieść formularz jako sekcję bez żadnego kodu.
• Projektowanie formularza – dopasuj jego wygląd do strony, na której go umieszczono.
• Blokowanie sklepu – zachowaj prywatność reszty sklepu, podczas gdy formularz pozostaje otwarty.