Jak osadzić formularz wyceny w WordPressie

Chcesz, żeby konfiguracja trafiała do koszyka sklepu? Przejdź do instrukcji WooCommerce , która opisuje wtyczkę, shortcode i przekazywanie zamówień do panelu. Poniższe kroki dotyczą formularza zbierającego zapytania.

1. W panelu Offerandum otwórz stronę „Start”, znajdź opublikowany formularz i w sekcji „Kod do wklejenia na stronę” kliknij „Kopiuj kod”. Kod ma już identyfikator Twojego formularza.
2. W WordPressie otwórz podstronę, na której ma stać formularz, i dodaj blok Własny HTML (Custom HTML). Wklej obie linijki i zaktualizuj stronę.
3. Jeśli stronę składasz w Elementorze, dodaj widget HTML i wklej kod do jego pola. W WPBakery to element Raw HTML, w Divi moduł Kod.

Formularz zajmie całą szerokość bloku, w którym go umieścisz. Na stronie o szerokości treści około 700 pikseli wygląda najlepiej w jednej kolumnie, bez sąsiadujących widgetów.

Pierwsza linijka kodu wczytuje skrypt Offerandum. Możesz zostawić ją w bloku razem z formularzem albo dodać raz w nagłówku całej witryny, a na podstronie zostawić sam element. Drugi wariant pozwala statystykom zapamiętać, skąd klient wszedł na Twoją stronę, zanim doszedł do formularza.

Jeśli wybierasz instalację skryptu w nagłówku witryny, użyj przeznaczonego do tego ustawienia w swoim narzędziu do zarządzania stroną albo przekaż kod jej opiekunowi. Dostępność i nazwa tego miejsca zależą od konfiguracji WordPressa.

• Uprawnienia. Możliwość zachowania skryptu zależy od uprawnienia do publikowania nieprzefiltrowanego HTML. Sprawdź je z administratorem, jeśli po zapisaniu znika część kodu; sama nazwa roli użytkownika nie wystarcza do ustalenia konfiguracji.
• Wtyczki cache i optymalizacji. Funkcje w rodzaju „opóźnij JavaScript” albo „odłóż wykonanie skryptów” (WP Rocket, LiteSpeed Cache, Autoptimize) potrafią wstrzymać skrypt formularza do pierwszego kliknięcia. Dodaj offerandum.com/widget.js do wyjątków i wyczyść cache.
• Blokowanie zewnętrznych skryptów. Jeśli skrypt nie jest wczytywany, poproś opiekuna witryny o sprawdzenie jej konfiguracji. Informacje o przetwarzaniu danych znajdziesz w polityce prywatności .
• Motywy z własnym edytorem stron. Niektóre motywy podmieniają blok HTML na własny; szukaj elementu, który wstawia kod „jak jest”, bez formatowania.

Wygląd edytora zależy od wersji WordPressa. Od wersji 7.0 blok Własny HTML ma oddzielne obszary HTML, CSS i JavaScript; dostęp do CSS i JavaScript wymaga odpowiedniego uprawnienia. Kod osadzenia z tagami HTML wklej do obszaru HTML. Aktualny wygląd bloku opisuje oficjalna dokumentacja WordPressa .

Formularz działa tylko na stronach z listy „Strony, na których działa formularz”, pod kodem do wklejenia w panelu. Adres podany przy wdrożeniu dodajemy za Ciebie; wersję testową albo drugą domenę dodaj sam. Szczegóły kroków wspólnych dla wszystkich systemów opisuje instrukcja instalacji .

Otwórz opublikowaną podstronę na komputerze i telefonie, przejdź przez wybór opcji do podsumowania. Próbne zgłoszenie wyślij przez link testowy z panelu albo dodaj do elementu atrybut test-token z tokenem z tego linku; takie zgłoszenia trafiają do panelu jako testowe. Po testach usuń atrybut. Klient po wysłaniu dostaje ofertę PDF , a Ty zapytanie z kompletem parametrów.

Nie chcesz ruszać strony? Udostępnij klientom gotowy link do formularza w menu albo na przycisku. Zakres wdrożenia i abonamentu opisuje cennik .

Nie masz jeszcze przygotowanego formularza? Zobacz, jak wygląda wdrożenie formularza Offerandum na WordPressie : jakie materiały przekazujesz, co przygotowuje nasz zespół i jak sprawdzić rezultat.