Loading...
Start a 60 day Free Trial

How to Link Your Website to membermojo

We recommend a Join Us / Renew link and Your Membership link are added to your existing site so that members can join, renew and update their details.

If an existing member follows a link and has not visited membermojo before they will be prompted to sign in. The member can Sign In using email or password and does not require any pre-registration.

Join Us / Renew Link

Your member application and renewal form can be found at https://membermojo.co.uk/shortname/joinus. Link to this address using your site's editor or by copying the html below. Replace shortname with the short name of your organisation.

    <a href="https://membermojo.co.uk/shortname/joinus">
        Join Us / Renew
    </a>

Your Membership Link

Members can view their account page and update their details from https://membermojo.co.uk/shortname/yourmembership. Link to this address using your site's editor or by copying the html below. Replace shortname with the short name of your organisation.

    <a href="https://membermojo.co.uk/shortname/yourmembership">
        Your Membership
    </a>

Member Store

If enabled members can view your Store page from https://membermojo.co.uk/shortname/store. Link to this address using your site's editor or by copying the html below. Replace shortname with the short name of your organisation.

    <a href="https://membermojo.co.uk/shortname/store">
        Member Store
    </a>

Members Only Page

membermojo provides a private page for signed in members that displays your text, images and documents. If enabled members can view the members only page from https://membermojo.co.uk/shortname/membershome. Link to this address using your site's editor or by copying the html below. Replace shortname with the short name of your organisation.

    <a href="https://membermojo.co.uk/shortname/membershome">
        Member Store
    </a>

Associated text

We recommend placing text on your site that reinforces an online membership service is being used and that links to membermojo.co.uk are safe. Such as:

"Our club uses membermojo.co.uk for online membership. Payment is made using PayPal or cheque."

"Changes to address, contact, or family details are made through our online membership system."

Adding Links to Your Facebook Page

All the links above can be added to Facebook posts and will work from desktop, tablet or mobile.


How to Embed membermojo into Your Website

Your membership form can be embedded in your site. (see our Example Club embedded form)

membermojo pages are 'responsive', meaning they will adapt to the screen size they are displayed on - which includes display within a window (iframe) on your site. Widths down to 320 pixels are supported.

Adding the '?embed' suffix to an address will adapt the page for use in another site by removing unnecessary headers, footers and margins.

Join Us / Renew form

Use the following HTML to present a membership form within your page.

    <iframe src="https://membermojo.co.uk/shortname/joinus?embed"
            style="width: 100%; height: 1000px; border: none;">
    </iframe>

Helper script

We recommend you include our small helper, embed.js, in the same page to fully create the illusion that membermojo is part of your site.

The script automatically resizes the height of any embedded membermojo page to ensure there are no scrollbars or unnecessary whitespace caused by a fixed height. It also ensures embedded page changes are visible on smaller screens.

embed.js is very small and can be loaded from anywhere on the same page.

    <script src="https://membermojo.co.uk/embed.js" async></script>

Margins

To help control the layout of your page there are no default left or right margins on embedded forms. To add a margin around the form using the membermojo background colour add padding to your iframe style.

    <iframe src="https://membermojo.co.uk/shortname?embed"
            style="width: 100%; height: 1000px; border: none; padding: 10px;">
    </iframe>

To add a margin around the form using your background colour add margin to your iframe style.

    <iframe src="https://membermojo.co.uk/shortname?embed"
            style="width: 100%; height: 1000px; border: none; margin: 10px;">
    </iframe>

WordPress

A plugin is required to embed forms within WordPress websites. We have successfully used the free iframe plugin to do this.

Once installed and activated pages can be embedded with a simple wordpress shortcode.

    [iframe src="https://membermojo.co.uk/shortname?embed"]