SquareSpace, Weebly, HTML5

HTML5 Snippets

You can integrate our system with your website using HTML snippets. Create a page on your website for each feature you need, and then place the corresponding HTML snippet on that page. For example, if you want a page for members to sign in and manage their account, create a page on your website, select the "Member sign-in and manage account" option below to obtain the HTML snippet, then place that snippet on the page. Note 1: You can only use 1 embed code per page. Note 2: Previews for the pag...

Creating Member Only Pages (HTML5)

Creating A Member Only Directory To create a member only directory, set the visibility settings of all your directory profile tabs under Customization > Directory Profile. Enable the Show only if user viewing page has any of these folders/labels option, and select the appropriate folders/labels to provide access to. If every tab of the profile requires a folder/label, then members will be required login to view the directory. Creating A Member Only Event Calendar / List To create a mem...

Displaying Members Name (HTML5)

Note: the following only works if the page is on the same domain (including HTTP vs HTTPS) as the login page. This does not work if the page is HTTP and the login page is HTTPS and vice versa. To display the member's name in any HTML, use the following HTML tag wherever you want the name to appear: <span class="SFnam"></span> Then add the following script once at the bottom of the page (if you are using those tags only on specific pages) or in the site footer (if you want to use t...

Advanced Member Only HTML

Displaying / Hiding HTML Elements You can hide content from users who are not signed in or from users who are signed in if you have access to the HTML to edit the class names. This can be used to create member only navigation for example. To make any DOM element visible to users who are logged in only, use the class name "SF_li". To make any element hidden to users who are logged in, use the class name "SF_lo". Then add the following script to the bottom of the page if you want this to work ...