Skip to main content

Customizing Your Embeddable Widget

Learn more on how to configure and customize Join It’s embeddable widget

Leah Pelkey avatar
Written by Leah Pelkey
Updated yesterday

Summary

Join It offers embeddable widgets that integrate directly into your website, allowing visitors to purchase and renew memberships without leaving your site. This creates a seamless experience for members while keeping your organization’s brand front and center during the membership process.

How to Access Your Widget Settings

To configure your embeddable widget:

  1. Click on 'Member Portal' in your Join It admin dashboard.

  2. Select 'Portal Widgets'.

  3. Under 'Embeddable Widget', click 'View Embed Tool'.

From here, you can adjust the widget’s settings and, if available on your package, customize the styling.

Configuration Options

When setting up your widget, you’ll have several options to tailor it to your needs:

  • Width and Height: Customize the dimensions of the iFrame to ensure the widget fits perfectly within your site’s layout. These settings can be updated at any time without redoing the implementation.

  • Allowed Operations: Choose what actions members can take through the widget:

    • Purchase only: Directs users to purchase a new membership.

    • Purchase & Renewal: Gives users the choice to either purchase a new membership or renew an existing one.

Advanced Customization

For organizations on the Extra and Enterprise packages, additional styling options are available. This allows you to align the widget with your website’s branding for a more polished look.

To Customize the Colors:

  1. Click on the 'Background Color' bar or the 'Panel Background Color' bar.

  2. Choose a color from the palette or enter the exact RGB number code.

  3. Once you’ve selected your colors, click 'Update Colors' to apply and preview the changes in real time.

Description of gif - Editing the Background color for your Widget


Related Resources

Here's where you can learn more about all of the Widgets for your Member portal

Did this answer your question?