Membership Widget- Widget Code

The Membership widget is a powerful tool for managing membership subscriptions and renewals.

You can create and edit widgets under Admin > Widget Configuration:

Within the widget configuration page, we will see the types of widgets available. We can create new ones (click the 'Create Membership Widget' button) or edit any existing ones (find the widget you want to edit in the Widget Name list and click the 'Edit' button next to it):

This article will detail the Widget Code settings. You can click the links below to read about other settings in the membership widget:

Widget Code 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/MembershipAll.aspx?rfD3x0k=0C429EE9-E526-4BF0-807A-C6788A8FF58E&xlnse5=1530"></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, edit again if needed.

For example:

The above edit to the iframe will display my widget in a smaller width but the reduced height means the widget will need to be scrolled to access all of it.

These customisations work well when you want to have a small membership widget on the side of your webpage

Widget Email Link:

The Widget Email Link allows you to create a personalised link to send in your emails and make membership renewals easier. It also gives the option to use your already configured widget, but include different financial information, for a variation in membership campaign or financial requirements.

Create another Widget of the same type with a different GL Code and/or Campaign:

Create a link for an Email to prefill the Widget with a supporter's details:

This personalised link is a great tool to make membership renewals and conversions easier for your contacts. When your contact clicks this link, the fields in the widget will be populated with the information stored on their contact. Any updates to this information will be automatically updated on the contact but the payment will be matched correctly.

For the Email Link, you will need to enter the container page, where this widget will be displayed.

This is the page on your website where you have this widget embedded; your member signup page, for example. When you copy this URL, make sure to right-click and paste as plain text to avoid any unseen formatting: