Jak utworzyć i wygenerować formularz pozyskiwania potencjalnych klientów

Podsumowanie:

OpenSolar umożliwia płynną integrację leadów generowanych za pomocą formularza pozyskiwania leadów bezpośrednio na platformie. Użytkownicy mogą dostosować formularz, wygenerować osadzalny kod (embed) i umieścić go na swojej stronie internetowej lub blogu firmowym. Proces jest prosty, ale wymaga podstawowej znajomości HTML/CSS oraz dostępu do platformy hostingowej (np. AWS, WordPress, GoDaddy).

Tworzenie formularza pozyskiwania leadów:

Przejdź do:
Zarządzanie > Inne > Pozyskiwanie leadów

Kliknij + Dodaj formularz pozyskiwania leadów

Wybierz, czy formularz ma być:

• Osadzony na stronie

• Wyświetlany jako wyskakujące okno (pop-up) po kliknięciu przycisku lub linku

Formularz składa się z czterech głównych sekcji:

• Konfiguracja

• Pola formularza

• Ochrona przed spamem (opcjonalna)

• Kod osadzania

Konfiguracja:

W tej sekcji ustawiasz podstawowe parametry formularza:

• Format: wybierz między pop-upem a osadzonym formularzem

• Tytuł: wewnętrzna nazwa widoczna w panelu OpenSolar

• Przypisz do członka zespołu: nowe leady będą przypisywane do tej osoby

• Źródło leadu: etykieta do identyfikacji pochodzenia leadu

• Nagłówek formularza: widoczny dla klientów

• Podtytuł formularza: dodatkowy kontekst

• Tekst przycisku wysyłki: tekst wyświetlany na przycisku

• Wiadomość potwierdzająca: wyświetlana po wysłaniu formularza

Pola formularza:

Tutaj możesz zdefiniować, które dane będą zbierane. Przykładowe pola:

• Nazwisko

• Numer telefonu

• Notatki

• Typ dachu

• Liczba faz

Każde pole może być oznaczone jako:

• Wyłączone

• Opcjonalne

• Wymagane

Ochrona przed spamem:

Aby włączyć Google reCAPTCHA v3:

• Wprowadź klucz witryny (Site Key) i klucz tajny (Secret Key) dostarczone przez Google

• Jeśli jeszcze nie utworzyłeś reCAPTCHA dla swojej strony, możesz to zrobić tutaj:
  https://www.google.com/recaptcha

Kod osadzania (embed):

Kod pojawi się dopiero po zapisaniu formularza

• Kod pozostaje taki sam, nawet jeśli później edytujesz pola formularza

• Zmiany są automatycznie widoczne na stronie

• Nie musisz ponownie aktualizować kodu za każdym razem, gdy edytujesz formularz

Integracja formularza:

Wymagana jest:

• Podstawowa znajomość HTML

• Dostęp do środowiska hostingowego

Osadzenie w stronie:

Załóżmy, że chcesz dodać formularz między sekcjami „Nasze usługi” a „Partnerzy” na stronie internetowej:

1. Skopiuj wygenerowany kod formularza

2. Znajdź odpowiedni tag <div> w kodzie HTML strony

3. Wklej kod w wybrane miejsce

Przykład:

<!-- Nasze usługi -->
<div>...</div>

<!-- Formularz pozyskiwania leadów -->
<script id="opensolar_lead_capture" type="text/javascript" src="https://api.opensolar.com/api/lead_capture_widget/c8______________0"></script>

<!-- Partnerzy -->
<div class="page-section p-100-cont bg-gray">...</div>

4. Zapisz i prześlij plik z powrotem na serwer

Formularz będzie widoczny od razu po publikacji.

Instrukcje dla konkretnych platform:

SquareSpace:

1. Przejdź do edytora strony

2. Kliknij Zarządzaj sekcjami → Dodaj sekcję

3. Użyj opcji Blok kodu, aby wkleić skrypt

4. Zapisz zmiany

WordPress.org:

Metoda 1: Wbudowany edytor

1. Dodaj blok Własny HTML (+)

2. Wklej kod

3. Zapisz i opublikuj

Metoda 2: Wtyczka

1. Zainstaluj wtyczkę Code Embed

2. Wklej kod w oknie wtyczki

3. Zapisz i opublikuj

WordPress.com:

Uwaga: edytor nie obsługuje bezpośredniego osadzania

Metoda alternatywna:

1. Dodaj wtyczkę Code Embed

2. Wklej kod w oknie wtyczki

3. Zapisz i opublikuj

Wix:

1. Przejdź do edytora

2. Wejdź do Wix App Market

3. Wybierz z paska narzędzi HTML > HTML iFrame/Embed

4. Dodaj do strony

5. W wyskakującym oknie kliknij Wprowadź kod

6. Wklej skrypt wewnątrz elementu <div>:

<div>
  <script></script>
</div>