Typeform Form

Embedding a Typeform form into your RevasOS-powered site is easy and allows you to create interactive experiences to collect information, surveys or feedback. Follow the steps below.

Attention to privacy

When inserting this type of tracking scripts, remember to always have consent management active via Consent Platform Managemtn, for example Iubenda.

Get the code

1. Log in to your Typeform account: Go to Typeform and log in with your credentials.

2. Create or select a form:

   • Click on + New form or open an existing form.
   • Customize the form:
   • Add questions, images and navigation logic.
   • Save changes.

3. Get the embed code:

   • In the module dashboard, click Share.
   • Select the Embed in website option.
   • Choose the type of embed you prefer:
   • Standard (the module is displayed directly on the page).
   • Popup (the module opens in a popup window).
   • Configure the dimensions and copy the HTML code provided (starts with <iframe> or a script).

---

Insert the code on RevasOS

To add it only on a specific page, go to RevasOS and:

1. Go to the Site Settings > Global Scripts and Codes section (ideal for inserting the plugin on all pages of the site) or open the specific page where you want to display the chat.
2. For all pages:
   • Insert the code in the Global Scripts (footer) field.
   • Save the settings.
3. For a single page:
   • Click New Block and select New Code Block.
   • Paste the code into the block and save.

Or if you want it to be visible site-wide:

1. Go to Your Website Dashboard.
2. Click Settings > Custom Code.
3. Paste the code into the BODY field.
4. Click Save.

---

Changing the size and appearance of the form

If you want to change the size of the form (for example, make it full-page or center it with padding), you can do so by editing the HTML code of the iframe or widget. Here's how:

1. Copy the code of the iframe or widget you've already inserted.
2. Paste it into a prompt for ChatGPT with a request like this:
   • To make it full-page: Edit this HTML code to make the Typeform form full-page. I want only HTML with inline CSS, no JavaScript, here is the code: [replace this space with your embed code]
   • To center it on the page: Modify this HTML code to make the Typeform form centered, with padding around it. I want only HTML with inline CSS, no JavaScript, here is the code: [replace this space with your embed code]
3. Copy the result of the code.
4. Go back to the Website Dashboard on RevasOS and replace the code in the BODY field with the modified one.
5. Save the settings.