Integrate Our Features into Your Weebly Website

Integrate Our Features into Your Weebly Website

You can easily integrate our features into your Weebly website by adding our HTML snippets to your website pages.

Check that you are using the Weebly Editor that Works Best with Our System

When using MembershipWorks with Weebly, it is important to use the type of Weebly website builder that works best with MembershipWorks.

Check Your Existing Weebly Website

If your site has the page builder with the controls that look like the one shown below with the dark background, you are using the editor that works best with our features.



If the page builder menu on the left is white instead of dark as pictured above, you are using Weebly’s Square Online or Online Store Builder. In this case, MembershipWorks features such as join forms, member login pages, directories, deals and event calendars, will work in a basic fashion. However, you cannot create member only content pages, and members would not be able to remain signed on as they navigate the website.

In addition, any settings you have to redirect members on signup, renewal, for events, etc will not work properly. Therefore we do not recommend using MembershipWorks with a Weebly + Square Online website.

How to Choose the Correct Editor When Signing Up for a New Weebly Account

If you are signing up for a new Weebly website, you will see the following screen during your signup process. Please make sure to click the Try Weebly Websites button in the section titled I want a personal website.


Info
Choosing a personal website does not prevent you from having a business website. You can add a store later. If you click the Try Square Online button in the section titled I want a business website, many of our features will not be able to work properly on the website. 

Where to find the HTML snippets

Snippets can be under Feature Snippets.

Step by Step Instructions

Step 1: Edit Website

Go to your Weebly Dashboard and click the Edit Site link near the top right of the page.

Step 2: Access Pages

Click the Pages link in the top menu.

Step 3: Add a Page

Click the + icon at the top of the left menu and select to add a new Standard Page.

Step 4: Add a Page Name

Enter a name for the page based on the feature you will be adding. For example, if you will be adding the membership sign-up form to the page, you can enter a name such as Member Sign-Up or Join Now. Under Header Type, select No Header.

Step 5: Click Build

Click the Build link in the top menu.

Step 6: Add Embed Code

Click and drag the <> Embed Code module in the left menu on to the page on the right.

Step 7: Edit Custom HTML

Click the Click to set Custom HTML link and then click the Edit Custom HTML button in the pop-up window.

Step 8: Add Feature Snippet 

Delete the Click to set custom HTML text in the HTML box and add the snippet code for the feature you want to display on the page.

Step 9: Close Box 

Click outside of the box to close the box.

Step 10: Publish/Save Page 

Click Publish at the top to save and publish the page.

 Watch a Video