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:
|More Options > CSS
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.
<iframe style="width:50%;height:900px;border:0;" src="https://connect.vega.works/Content/csharp/DonateFormAll.aspx?rfD3x0k=7A213DB9-4546-4386-B9D7-3651FF0A46C6&xlnse5=2055"></iframe>
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:
There is also the option to include a new GL Code or Campaign when creating this personalised link, as we did above.
This link will use one of the personalised supporter greeting options from Form Setup:
If neither of these options has been selected, then it will default to display:
“Hello #Salutation#, thank you for your support!” above the widget, it will not display the general greeting document.
The link generated can now be used in your emails to send from Vega.