Własna strona

Dodaj kod

1. W panelu Beacel otwórz zakładkę Widżet, a w niej zakładkę Miejsce, i skopiuj kod.
2. Wklej go w kodzie HTML każdej podstrony, tuż przed </body>.
3. Wgraj zmienione pliki na swoją stronę.

<script src="https://beacel.com/widget.js" data-beacel="k9-x_Q2a" async></script>

W przykładowym kodzie klucz nie jest prawdziwy. Swój skopiuj z panelu: zakładka Widżet, a w niej zakładka Miejsce.

Linijka wczytuje się z atrybutem async, więc nigdy nie wstrzymuje Twojej strony.

Strona w PHP ze wspólną stopką

Wiele stron w PHP trzyma koniec każdej podstrony w jednym pliku, często footer.php, który dołącza każda podstrona. Wtedy linijkę wstawiasz do tego pliku raz i ma ją każda podstrona:

<!-- footer.php: the end of every page -->
<footer>
  <p>Szkoła gitary Nad Rzeką, ul. Nadrzeczna 12</p>
</footer>
<script src="https://beacel.com/widget.js" data-beacel="k9-x_Q2a" async></script>
</body>
</html>

Każda podstrona dołącza stopkę na swoim końcu, tak jak dotychczas:

<?php include __DIR__ . '/footer.php'; ?>

Tak samo działa każdy szablon wspólny dla wszystkich podstron: plik układu, szablon bazowy albo część ze stopką w generatorze stron.

Czat w treści strony albo Twój własny przycisk

Aby pokazać czat w treści jednej podstrony, na przykład strony kontaktowej, wstaw ten kod tam, gdzie czat ma się pojawić (linijka z kroków powyżej też musi być na tej podstronie):

<div data-beacel-inline></div>

Aby otwierać czat własnym przyciskiem, dodaj do przycisku data-beacel-open:

<button type="button" data-beacel-open>Napisz do nas</button>

Więcej możliwości dla programistów: Widget.

Sprawdź, czy działa

Otwórz raz swoją stronę, a potem kliknij w panelu Sprawdź moją stronę. Jeszcze nie wykryto. Pojawi się tu kilka minut po tym, jak Twoja strona wczyta kod.