Funkcja zapytania ofertowego służy do tworzenia formularzy, za pomocą których Twoi potencjalni klienci mogą poprosić o wycenę lub informacje o usługach lub produktach oferowanych przez Twoją firmę, funkcja zapytania ofertowego umożliwia dodawanie różnych typów pól, które można dostosować do potrzeby biznesowe.

Na przykład, jeśli Twoja firma oferuje projektowanie stron internetowych, Twoi klienci mogą poprosić o wycenę projektu strony internetowej za pośrednictwem utworzonego wcześniej formularza. Zwykle formularze będą zawierały bardziej ogólne pytania, takie jak „Jaki jest Twój budżet”, „Pilność”, „Typ strony internetowej” itp. i na podstawie informacji wprowadzonych przez klienta w formularzu możesz stworzyć wycenę i wysłać ją do klienta.

Formularze można przesyłać bezpośrednio do klienta jako bezpośredni link lub można osadzić formularz za pośrednictwem elementu iframe bezpośrednio na istniejących stronach witryny, na przykład można umieścić link menu w istniejącej witrynie firmy o nazwie „Poproś o wycenę” i na tej stronie możesz osadzić formularz iframe.

Twórz formularze zapytań ofertowych #

Pierwszym krokiem jest utworzenie formularza zapytania ofertowego. Możesz utworzyć nieograniczoną liczbę formularzy zapytań ofertowych. W tym celu, będąc zalogowanym jako administrator, wykonaj poniższe czynności.

• Kliknij Parametry Puis Zapytanie ofertowe→formularze.
• Kliknij Nowa forma .
• Dodaj nazwę formularza, na przykład: „Prośba o wycenę strony internetowej".
• język – Język jest obecnie używany tylko do komunikatów weryfikacyjnych.
• Tekst przycisku przesyłania — będzie na dole, gdzie użytkownik powinien kliknąć, aby przesłać formularz. Przykład Zapytaj o wycenę ou Skontaktuj się z nami, śmiało dostosuj go do swoich potrzeb.
• Wiadomość do wyświetlenia po pomyślnym przesłaniu formularza — ta wiadomość zostanie wyświetlona po pomyślnym przesłaniu formularza.
  
• Status – Jaki status będzie miała prośba o wycenę po pomyślnym przesłaniu w Twojej przestrzeni Djaboo.
  
• Odpowiedzialny – Automatycznie przypisz zapytanie ofertowe do konkretnego członka personelu.
  
• Ustawienia powiadomień – Wszyscy użytkownicy w zależności od rodzaju powiadomienia zostaną powiadomieni za pomocą wbudowanego powiadomienia w Djaboo, a dodatkowo członek odpowiedzialny za zapytanie ofertowe otrzyma powiadomienie e-mail, jeśli Parametry-> Szablony wiadomości -> Zapytanie ofertowe przypisane (wysłane do Osobiste) nie jest zaznaczone jako wyłączone.
  
• Odśwież – Możesz użyć Google Recaptcha, aby zapobiec spamowi. Pole dla Google Recaptcha pojawi się tylko wtedy, gdy wcześniej skonfigurowałeś klucze recaptcha .

Po utworzeniu formularza zostaną wyświetlone 2 nowe zakładki w obszarze formularza Formularz Builder i Integration Code.

• Form Builder – Miejsce, w którym tworzysz formularz i dopasowujesz wszystkie potrzebne pola.
• Kod osadzania to kod, który musisz umieścić na swojej stronie internetowej, aby formularz się wyświetlił, pamiętaj, że z linku będziesz mógł zobaczyć, że każdy ma unikalny klucz.
  

Dodaj pola do formularza #

Aby dodać pole do formularza, po prostu przeciągnij pole w prawo w obszarze formularza, zwróć uwagę, że pole E-mail powinno pojawić się w formularzu i powinno być również oznaczone jako pole wymagane.

Dostosuj pola #

Możesz dostosować etykiety, dodać tekst pomocy, symbole zastępcze i uczynić je wymaganymi. Kiedy przeciągniesz pole do obszaru formularza, po prostu najedź kursorem na pole w prawym górnym rogu, zobaczysz 3 przyciski (edycja, kopiowanie i usuwanie)

Po dostosowaniu formularza kliknij przycisk w lewym dolnym rogu REKORD i kliknij kartę Osadź kod, aby uzyskać kod, który musisz dodać do swojej witryny. Kod zostanie umieszczony jako ramka iframe i możesz dostosować szerokość i wysokość bezpośrednio do dostarczonego fragmentu kodu.

Styl #

Jeśli chcesz dostosować kolor pól wejściowych do swojej witryny, możesz utworzyć plik custom.css w swojej witrynie i zastosować niezbędne style.

Przykład zmiany koloru obramowania wpisów:

body.estimate-request-form input {
   border-color:red;
}

Przykład zmiany koloru tła przycisku przesyłania:

body.estimate-request-form #form_submit {
   background:red;
}

body.estimate-request-form #form_submit:hover,
body.estimate-request-form #form_submit:active {
   background:green;
}

Umieść logo w formularzu #

Aby dołączyć logo firmy do formularza, możesz udostępnić lub osadzić adres URL z parametrem ciągu zapytania, jak pokazano poniżej:

https://votre-entreprise.djaboo.appform-url?with_logo=1https://votre-entreprise.djaboo.app/form-url?with_logo=1

Bezpośrednie udostępnianie linków #

Formularze mogą być udostępniane bezpośrednio Twoim klientom, bez faktycznego osadzania formularza na Twojej stronie internetowej, ta funkcja jest przydatna na przykład, jeśli chcesz dołączyć link w e-mailach, SMS-ach itp.

Aby Djaboo wiedziało, że link do formularza jest udostępniany bezpośrednio i nie jest osadzony w ramce iframe, musisz określić ciąg zapytania adresu URL, w tym przypadku Djaboo zapewni lepszy styl formularza.

https://votre-entreprise.djaboo.app/form-url?with_logo=1&styled=1

Twórz wielokolumnowe układy formularzy #

Domyślnie pola formularza zostaną dodane w jednej kolumnie o pełnej szerokości dokumentu jeśli chcesz dostosować formularz i wyświetlać pola w wielu kolumnach dodaliśmy możliwość osiągnięcia tego za pomocą niestandardowych klas zastosowanych do pola, które możesz dodać do 12 kolumn w 1 rzędzie.

W poniższym przykładzie utworzymy 2 pola w 2 kolumnach i 1 wierszu.

Należy pamiętać, że kolumny nie zostaną zastosowane w kreatorze formularzy, tylko wtedy, gdy formularz zostanie wyświetlony po uzyskaniu dostępu do łącza osadzania lub znajduje się w ramce iframe.

Rejestracja formularz, klikając przycisk Zapisz i wyświetl podgląd formularza z łącza do umieszczenia, aby zobaczyć wynik końcowy.

Jak wspomniano wcześniej, możesz dodać do 12 kolumn, w tym przypadku form-col-6 + form-col-6 = 12, jeśli chcesz dodać 3 kolumny, zastosuj klasę form-col-4 na 3 polach ( form -col-4*3 pól będzie 12, a pola zmieszczą się w dokumencie), które są ustawione jeden po drugim w kolejności.

Ponieważ w większości przypadków będziesz osadzać formularz w małym kontenerze/części swojej witryny, siatka ładowania CSS zawsze będzie wyświetlać kolumny nowych wierszy (nie podzielone na 2 kolumny), w tym przypadku rozważ dodanie kolejnej dodatkowej klasy dla małego pojemnika, np. jeśli dodałeś klasę form-col-6 , dodaj kolejną klasę dla małego obszaru form-col-xs-6 , kliknij tutaj, aby sprawdzić jak to powinno wyglądać.