1. Home
  2. Documentation
  3. Users Account Management
  4. External Users Dashboard (aka “Members Dashboard”)

External Users Dashboard (aka “Members Dashboard”)

Freemius automatically generates an external “Users Dashboard” which will be accessible for users and customers of your products and store. Customers will receive their login credentials after their first purchase, and for security reasons, will have to update their auto-generated password upon their first login.

Adding a Link to The Users Dashboard on Your Store

If you have a website, we recommend adding a direct link to the dashboard to make it easier for your customers to access their account. The URL to your dashboard is:
https://users.freemius.com/store/<storeID>

You can find your store ID under “My Store” settings, which you can access in your Freemius dashboard by clicking the top-right menu:

Embedding The Users’ Dashboard In Your Store

Alternatively, you can embed the dashboard directly on your site. We invested a lot of resources designing the dashboard to work for that exact use-case to keep the user on your store and make the dashboard “native” on your store.

Embedding Into a WordPress Website

  1. Install and activate this plugin.
  2. Create a new page on your website. We recommend using one of the following slugs: users, account, members.
  3. Login to your Freemius dashboard and go to the store settings by hovering the mouse over the top-right menu and clicking “My Store”.
  4. Paste the URL address of the page that you’ve just created into the “Dashboard URL” setting. Make sure that the protocol (HTTP or HTTPS) is accurate, otherwise, the dashboard will not load!
  5. Copy and replace the <storeID> with your store ID, <storePublicKey> with your store’s public key, and <headerHeight> with your site’s header height in the following shortcode and add it to your newly created page:
    [fs_members store_id="<storeID>" public_key="<storePublicKey>" position="fixed" left="0" right="0" top="<headerHeight>px" bottom="0"]

    If your site’s header height is responsive, you can customize the dashboard’s position with media queries by styling the iframe’s <div id=”fs_dashboard_container”> container as follows:

    #fs_dashboard_container {
        top: <headerDesktopHeight>px;
    }
    
    @media screen and(max-width: 600px) {
        #fs_dashboard_container {
            top: <headerMobileHeight>px;
        }
    }