Jak zdefiniować miejsce wyświetlania elementu na stronie internetowej

W Leadhubie przygotujesz formularz do pozyskiwania kontaktu lub baner z informacją, które następnie wstawisz w wybrane miejsce bezpośrednio na swojej stronie. Nie ma więc potrzeby kodowania ani programowania elementu na stronie — przygotujesz go w edytorze bezpośrednio w Leadhubie.

Możesz utworzyć formularz do pozyskiwania kontaktów lub element (baner) z dostarczeniem informacji.

Jak wstawić element na stronie w wybrane miejsce?

Gdy utworzysz element na stronie, w trzecim kroku należy zdefiniować, gdzie będzie się wyświetlał.

Miejsce wyświetlania określisz za pomocą selektora DOM.

1. Wybierz, czy chcesz, aby element zastąpił zawartość, czy został umieszczony przed lub za wybranym przez Ciebie elementem.

2. Zdefiniuj miejsce (selektor DOM), w którym chcesz umieścić formularz na stronie. W to pole wklej identyfikator elementu, z którym chcesz pracować (zastąpić go lub umieścić element przed albo za nim).

Przykład: jeśli chcę umieścić element na stronie utworzony w Leadhubie w miejscu następującego formularza, sprawdzę, jaki identyfikator ma dany element. W naszym przypadku "id="subscribe-newsletter"", czyli identyfikatorem jest subscribe-newsletter.

Identyfikator należy wkleić w Leadhubie do pola selektor DOM. Zapiszesz go w następujący sposób:  #subscribe-newsletter. Dzięki temu istniejący formularz na stronie zostanie zastąpiony nowo utworzonym formularzem z Leadhuba.

6. Aktywuj popup, a następnie formularz wyświetli się na Twojej stronie w określonym miejscu.

Podobnie możesz określić umiejscowienie za pomocą selektora istniejącego elementu, który znajdziesz w konsoli na swojej stronie w następujący sposób:

1. Zaznacz element, który chcesz zastąpić. Wyświetli się klasa, która go definiuje.

2. Kliknij prawym przyciskiem myszy na tę klasę. Następnie wybierz opcję „Kopiuj” --> „Kopiuj selektor”.

3. Wklej selektor do pola selektor DOM w Leadhubie.

Jeśli potrzebujesz pomocy z umiejscowieniem lub utworzeniem elementu na stronie, skontaktuj się z nami pod adresem pomoc@leadhub.co.