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 settings under More Options. You can click the links below to read about other settings in the membership widget:
|Form Setup||Form Options||Acknowledgements||Financial||Widget Code||Custom Attributes||Discounts|
From More Options, you can upload a CSS file to add further customisation to your widget.
CSS (Cascading Style Sheet) is a powerful tool that can be used to add a lot of formatting and style to make your widget fit your brand and look the best it can on your website.
A CSS file can be created using notepad and saving the file as .css
Clicking the link in your widget configuration or here will also allow you to download some vega CSS templates.
Click the grey box with the current file or the text "Click here or drag file to upload"
Below is a list of the most frequently changed elements:
.btn-info - class for the submit button
.form-control - class for all text fields
.input-group - class for grouped fields
.input-group-addon - class for the attached ‘NZD’ or ‘AUD’ to amount fields.
ID to element:
#ShowPhone - div ID for the phone number
#ShowEmail - div ID for the email
#addressInfo - div ID for the address info section
#FinancialDetails - div ID for the gift a membership tick box
#GiftSub - div ID for the gift a membership section
#divCard - div ID for the payment section
#MainContent_trComplete - div ID for the submit button
#TermandCondition - div ID for the terms and conditions section
For more information about CSS files and how to create your own please visit: https://www.w3schools.com/css/