**This guide walks you through how to create a webform that appears as a pop-in.**



 

 

 



 

 

 

 





## Step 1 | Create a page with an embedded webform



 

 

 



First, go to **Content**, **Add content** and **Page**.

Then, add a **Container** to structure your page.

Inside the container, add the **Webform** component. Select the **Contact webform** from the list. You can choose the background color (White or Grey)

Configure your meta tags (title, description, etc.) for SEO.

Finally, **save** and publish the page.



 

 

 



 

 

   ![add a contact webform to a page](/sites/g/files/dvc2391/files/styles/media/public/image/2026/03/Design%20sans%20titre.gif?itok=vLeEeEAl)   





 

 





 

 

 

 





 

 

 

 





## Step 2 | Create a page with a webform pop-in



 

 

 



First, go to **Content**, **Add content** and **Page**.

Then, add a **Container** and a component **Text**.

After that, in the link settings, add one of the following **classes** to enable **the pop-in format:**

- webform-dialog webform-dialog-normal
- webform-dialog webform-dialog-narrow
- webform-dialog webform-dialog-wide

Finally, **enter the node** of your contact webform into the link and **save**.



 

 

 



 

 

   ![webform in a pop in](/sites/g/files/dvc2391/files/styles/media/public/image/2026/03/Design%20sans%20titre%20%2819%29.gif?itok=KcgzE8Ds)   





 

 





 

 

 

 





 

 

 

 





## Pop-in webform layout examples



 

 

 



### [Click here to complete the webform!](/contact-us-0 "Contact us")

(narrow)



 

 

 

 

 

 



 

### [Click here to discover the webform!](/contact-us-0 "Contact us")

(normal)



 

 

 

 

 

 



 

### [Click here to see the contact form!](/contact-us-0 "Contact us")

(wide)



 

 

 

 

 

 



 

 

 





 

 

 

 





## Ask for support

**We use ServiceNow to track all of your requests and question**

[Create a ticket now](https://veglobal.service-now.com/s3c?id=service_catalog&root=fcec05201b1649504d79dce2b24bcb50)

 



 

 

 



 

 

   ![worker in an orange bridge](/sites/g/files/dvc2391/files/styles/crop_freeform/public/image/2026/01/capture_video-0008%20%282%29.jpg.webp?h=d94f8f28&itok=zlz1Cgq6)