Registration Widget- Widget Code

The widget configuration can be accessed from Admin > New Widget Configuration:

Select the widget type and Edit to the right of the widget name you would like to edit:

Select Widget Code from the configuration options on the left-hand side.

This section is where you can easily find the iframe code to embed your widget into your website.

This can be easily inserted into the backend of your website and customised to fit into your webpage seamlessly 

iframe Widget Code Example:

<iframe style="width:100%;height:1500px;border:0;" src="https://connect.vega.works/content/csharp/registration.aspx?rfD3x0k=7A213DB9-4546-4386-B9D7-3651FF0A46C6&xlnse5=2103" referrerpolicy="always" onload="this.contentWindow.postMessage(window.location.href, 'https://connect.vega.works')"></iframe>

The code will have a default width:100% and height:1500px

These sizes can be changed to fit into your website and resolve issues of unnecessary blank spaces.

When this code is added to your website, these measurements can be edited. Check the sizing on your webpage and if scrolling is needed to access the whole widget and edit again if needed.

For example:

<iframe style="width:50%;height:900px;border:0;" src="https://connect.vega.works/content/csharp/registration.aspx?rfD3x0k=7A213DB9-4546-4386-B9D7-3651FF0A46C6&xlnse5=2103" referrerpolicy="always" onload="this.contentWindow.postMessage(window.location.href, 'https://connect.vega.works')"></iframe>

Widget Email Link:

The Widget Email Link allows you to create a personalised link to send in your emails, creating a smoother process for sign-ups, surveys, and information updates.

This is available by selecting the option Create a link for an Email to prefill the Widget with a supporter's details as shown below:

The container page is where your widget is hosted on your website, if you would like to direct your contacts to the vega widget only, then you can use the URL from the view in browser link or as shown in your iframe code, for example - https://connect.vega.works/content/csharp/registration.aspx?rfD3x0k=7A213DB9-4546-4386-B9D7-3651FF0A46C6&xlnse5=2103

Click Generate Email Link to see the updated URL including &xInse3=#GUID#, this will be populated with the contacts unique identifier when sent in an email from vega and ensure the connection back to the correct contact.

With this link, any know data on the contact will be filled out in the form, name, address, email, etc. Any changes they make to the details on the widget will be updated on the contact.

> Next,