How to add a Login / Account popup to Weebly

You can easily add a Login form popup into your top navigation or within a specific page of your website.

When members are logged in, the popup will appear as a "Your Account" link automatically so your members can change their email, view invoices, update their credit card, cancel their subscription, etc.

Instructions for adding the popup to your site's navigation and/or a specific page are below.

Adding to your site's navigation

  1. ln MemberSpace click 'Customize' in the top navigation > click 'Integrations' > click 'Weebly' > scroll down and click the 'Copy' button under 'Login / Account Popup':
  2. Make sure you are logged into your Weebly backend.
  3. Click the 'Pages' tab up top, then click the + icon on the left:
  4. Select 'External Page':
  5. Enter the 'Page Name' however you want (e.g. "Member Login") and for 'External Link' paste in the code you copied before.
  6. Lastly don't forget to 'Publish' your changes in the top right. To test this, you'll need to be on your live website (not the Weebly editor).

    If you would like to add a Create Account button within your Login form, here are instructions.

Adding to a specific page

If you prefer to add a Login / Account popup onto a specific page of your website you can also feel free to do that.

  1. In MemberSpace click 'Customize' in the top navigation > click 'Integrations' > click 'Weebly' > scroll down and click the 'Copy' button under 'Login / Account Popup':
  2. Make sure you are logged into your Weebly backend.
  3. Click 'Pages' in the top menu:
  4. Find the page you want to add the popup link to and click it.
  5. Click the Add Elements icon in the top left. You can then add any type of link (e.g. text or button) In this example I'll select a Button:
  6. Click the button, then click 'Link', then click 'Website URL' and paste in the code you copied before into the 'URL' field:
  7. Double click the button to change its text and feel free to change the styling:

  8. Lastly don't forget to 'Publish' your changes in the top right. To test this, you'll need to be on your live website (not the Weebly editor).

    If you would like to add a Create Account button within your Login form, here are instructions.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.