How to add a Login / Account popup to Duda

Adding The Popup Link To Your Top Navigation

If you want to add the popup link into your top navigation so anyone can click it at any time, follow the instructions below.

1. Click the "Copy" button under "Login / Account Popup":

2. Make sure you are logged into your Duda backend

3. Click Pages in the left side menu then click "New Page":

4. Click on "Page URL":

5. Enter whatever you want for the Page Name (e.g. Member Login), then paste in the code you copied into the URL field, then click Add Page at the bottom:

6. Lastly don't forget to "Publish" your changes. Now whenever anyone clicks this link you just added, they will see your Login form popup.

To test this, you'll need to be on your live website (not the Duda editor). 

Conveniently, when members are logged in, this 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.

NOTE: For legacy customers only, by default your Login popup will also have a Create Account button which you can remove or adjust the options for in Customize > General Options:

Adding The Popup Link 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. Click the "Copy" button under "Login / Account Popup":

2. Make sure you are logged into your Webflow backend

3. Find the page you want to add the popup link to and click it.

4. Click "Widgets" in the left side menu. You can then add any type of link (e.g. text, button, etc.) but in this example we'll use a Button and drag that widget onto the page:

5. Select "Website URL", then paste in the code you copied before into the URL field, and uncheck "Open in a new window":

6. Lastly don't forget to "Publish" your changes. Now whenever anyone clicks this link you just added, they will see your Login form popup.

To test this, you'll need to be on your live website (not the Duda editor). 

Conveniently, when members are logged in, this 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.

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

Still need help? Contact Us Contact Us