Last updated:

May 19, 2026

Integrate with Memberstack

To sync Dynamic Map favourites with Memberstack: paste the Memberstack script into Webflow Site Settings Head code, then enable Connect with Memberstack under Add-Ons in Dynamic Map App and press Save. Logged-out users see the ncf-favorit-button disabled state; logged-in users have favourites saved to their Memberstack profile by ID and lose access on logout. Add a label or tooltip to the disabled state to guide users towards signing up.

Connect Dynamic Map's Favourite Items feature with Memberstack so that each user's liked items are saved to their Memberstack profile and persist across browser sessions and devices.

💡 Prerequisite: Favourite Items must be enabled in Dynamic Map App before following this guide.

Step 1: Create a Memberstack Account and Install It on Your Webflow Site

Create a Memberstack account and install the Memberstack script by pasting it into Webflow Site Settings → Custom Code → Head code. Click Save changes.

Webflow Site Settings showing the Memberstack script pasted into the Custom Code Head field, with the Save changes button visible.
Webflow Site Settings showing the Memberstack script pasted into the Custom Code Head field, with the Save changes button visible.
💡 New to Memberstack? Watch the Getting Started with Memberstack tutorial on YouTube for a full walkthrough.

Step 2: Enable Connect with Memberstack in Dynamic Map App

In Dynamic Map App, go to Add-Ons → Favouriting, tick Connect with Memberstack, and press Save.

Dynamic Map App Add-Ons panel with Connect with Memberstack checkbox ticked.
Dynamic Map App Add-Ons panel with Connect with Memberstack checkbox ticked.

That's it. Users' favourited items are now synced directly to their Memberstack account.

Map States When Memberstack is Active

Side-by-side comparison showing disabled heart buttons for logged-out users and active heart buttons for Memberstack-logged-in users.
Side-by-side comparison showing disabled heart buttons for logged-out users and active heart buttons for Memberstack-logged-in users.
  • User not logged in: The favourite button shows the ncf-favorit-button disabled state. The favourites filter tag is also disabled. Both are styled in the Webflow Style Guide.
  • User logged in via Memberstack: Favourites are saved to the user's Memberstack profile by their ID. Favourited items are inaccessible after logout.

Pro Tip: Guide Users Towards Signing Up

Add a tooltip or label to the disabled button state to tell users they need to sign up or log in to save favourites. This prevents confusion when the heart button appears greyed out.

Webflow Designer showing the disabled Favorit Button state with a Sign-Up to Favorite Items label added.
Webflow Designer showing the disabled Favorit Button state with a Sign-Up to Favorite Items label added.

Style the ncf-favorit-button disabled state in the Style Guide and add a small inline label or Webflow tooltip interaction that appears on hover of the disabled button.