Como incorporar o meu formulário como um acionador JS

Você gostaria de incorporar seu formulário em seu website como um evento Js? Por favor, siga as etapas abaixo para incorporar o formulário como um evento JS em seu website.

TL;DR - Guia rápido:

Siga as etapas abaixo para uma explicação detalhada:

1. Vá para a guia 'Formulários', clique em 'Create form' e selecione um dos modelos que temos ou crie e personalize seu formulário do zero:

2. Uma vez que você tenha criado e personalizado o formulário, vá para a guia 'Widgets' e clique em criar widget e selecione o formulário a partir do qual você gostaria de criar um widget. No widget, no menu à esquerda, selecione o JS Trigger:

3. Defina o ID do evento:

4. Copie o código do widget:

Uma vez que você tenha o código do widget, você pode simplesmente copiar o código abaixo:

<style>
​.button {
​font-weight: 500;
​font-size: 20px;
​padding: 1rem;
​border-radius: 10px;
​background-color: blue;
​border: none;
​color: #FFFFFF;
​}
​}</style><button class="button" id="Add the ID that you have added on your form"> <b> Leave a review </b></button>
​//Widget code here

Na secção id="Add the ID that you have added on your form" (Adicionar o ID que adicionou no seu formulário), terá de adicionar o mesmo Id que adicionou no seu formulário:

id="#formJsTrigger"

Na seção id="Adicione o ID que você adicionou no seu formulário"

E na seção //Código do widget aqui você deve colar seu código de widget.

Assim, é como o código final deve ficar:

<style>.button {font-weight: 500;font-size: 20px;padding: 1rem;border-radius: 10px;background-color: blue;border: none;color: #FFFFFF;}}</style><button class="button" id="formJsTrigger"> <b> Leave a review </b></button><div class="embedsocial-forms-iframe" data-ref="38fd80e47cd71d1ffc657839ac7052d00584a222" data-widget="true" data-height="auto"></div><script>(function(d, s, id){var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "https://embedsocial.com/cdn/ef.js"; d.getElementsByTagName("head")[0].appendChild(js);}(document, "script", "EmbedSocialFormsScript"));</script>

Isso é tudo! Uma vez que você tenha este código, você pode inseri-lo em seu website, um botão aparecerá e quando alguém clicar nele, será redirecionado para o formulário criado.

Por favor, observe que você pode personalizar o design do botão conforme desejado, essa parte do código é totalmente personalizável:

<style>
​.button {
​font-weight: 500;
​font-size: 20px;
​padding: 1rem;
​border-radius: 10px;
​background-color: blue;
​border: none;
​color: #FFFFFF;
​}