How to Use your Site Builder Tools

Before getting started, log in to your memberplanet admin portal. Your admin permissions will allow you to have access to Site Builder once you are logged in.

  1. In the left navigation sidebar, click Site Builder

site-builder-nav_2.png

 

  1. Select the Edit Site button
  2. Select a theme

The first time you click on Site Builder to create a website, you will have a choice of three themes to choose from. Themes are skins or visual styles that can be applied to your site without affecting your content. You can choose a starting theme, but at any time you can change your theme to change your site's look and feel.

 

Note: If you have added your content and decide to change your theme, you will not lose the content you've added. However, any custom styles you have added will be updated to the style within the theme selected.

 

themes.png


Once you select a theme, your new site will be set up and you'll be taken to the editor.

To change your theme at any time:

  1. Click on Themes in the top nav bar

themes-nav-bar_2_-_Copy.png

 

  1. Select a new theme from the options

Note: Remember that this change won’t be seen by visitors on your site until you re-publish your site.

 

Editing your Website's Sections

Your site is made up of one or more pages. Each page has these main editable components:

 

 

Header/Site name
The header or site name, or your group's logo can be placed at the top of every page.
  1. To edit the site header, hover over the top left of the displayed page and click the Edit Header button that appears.
  • If you do not wish to use the header options, this can be hidden using the Style Editor. Learn More about How to Use the Style Editor to remove the Header/Site name from your website

Picture

  1. In the popup, you will have options to select the type of header (title and/or logo and vice versa), alignment, and text (optional).
  2. Click Save when finished.

Picture

 

Navigation menu
Your top nav bar contains one or more navigation links. The default navigation menu has been populated with these pages: Home, Membership, Programs & Activities, and Contacts. For more information on How to Use Pages Option within Your Site Builder within your website, including adding or removing pages.

 

Picture

 

Banner

The banner type and banner images can be set by navigating to the individual page. Change and customize the banner by clicking on it. Once you have set up a banner on one page, you can then copy the banner over to additional pages or all pages of your website.

 

Picture

 

You can choose one of three banner types for your site: Fading Slideshow, Polaroid Banner, and Single Image.

 

Picture

Picture

 

Fading Slideshow: This banner shows a slideshow of multiple images that fade in and out in the order you determine. After you click the Add Images button and select your images, you can change the order of the images, remove images, or use the image editor to customize the images in the slideshow.

Polaroid banner: This banner takes multiple images that you upload and displays them as though they were a loose pile of Polaroid photographs scattered across a table. Just like the slideshow banner, upload your images, put them in order, and edit them as desired.

Single image: This displays a single featured image. Once you upload the image and save, you can adjust the crop and the height.

  • If using the single banner option, you can control the height and crop of your banner image using the banner cropping button to allow your image to be grabbed and moved up or down. 
  • Or use the height option to adjust your banner and make it taller within your website.
  • Your single banner image is enabled with the option to add Title, Text, Social Icons, or Buttons on top of your banner, simply drag and drop the elements over the banner and drop in to place

Main content section
This is the area where you can add your own text and images using the Elements editor.

 

2020041419532586-sb-elements-drag_orig__1_.png
 

Learn more about Using your Site Builder Elements to Add Content to your Site Builder main content section.

Footer

The footer is at the bottom of the page and works similar to the main content of your website. The Footer section allows you to place site builder elements, as well as edit and update using the style editor. Learn More about How to Use the Style Editor to edit the footer section of your Site Builder.

 

Preview your Site Before Publishing

At any time, you can preview your changes by clicking on the Preview button on the top right. The preview will open in a new browser tab.

 

Picture

 

You can toggle between the different device icons at the top to preview how your site will look on desktop, table, and mobile.

Picture

 

In Site Builder, publish your site by clicking the Publish button on the top right.

Draft mode

Your site will be in draft mode until you are ready to publish it. Until you publish the site, it will remain hidden. Be sure to fill in all of the blank areas and add some images to your banner before you click the Publish button, or they will not be included when you publish your site.

 

Publish and re-publish your site

Before you publish, it is a best practice to preview your site by clicking the Preview button near the top right. When you are ready to make your site visible to visitors, you can publish it for the first time by clicking the Publish button, which is next to Preview.

 

Important note: After you’ve published your site, you will always have two versions of it that exist at the same time: a draft version and the published version. When you edit your site and your changes are saved, only the draft version will be changed and stored. When you click the Publish button to re-publish your site, all of your saved changes will be copied from your draft version to the published version, meaning that the changes become visible to visitors on your site. This allows you to make multiple changes to the site and release them all at once instead of exposing your visitors to the changes as you make them one at a time.

 

 

Using your Site Builder Elements to Add Content to your Site Builder

You have an array of site editing tools at your fingertips to create a professional site, including these four main editors in the top nav bar: Elements, Pages, Themes, Settings, Styles. Your Elements editor allows you to add different types of content in to the the main content section of your site.

editor_bar.jpg

 

Using the Elements Editor

Select Elements in the top navigation bar. From here you can add, edit, or remove content such as text and images to a page on your site. The Elements editor lets you edit content on one page at a time.

The Elements editor is divided into two main parts:

  1. Content palette
  2. Page canvas

When you add content to a page, you do it one chunk at a time. For example, you might first add some text to the page, then add an image second, and then add social media links third. Each chunk of content is called a content block and each type of content block is represented by a box in the left-hand sidebar.

This sidebar is called the content palette.

Elements_bar.jpg

 

To add content to a page, click and hold the element you would like to add, then drag and drop the element from the content palette onto your page canvas. A green line will appear to assist you in placing the element on the page.

 

Text elements

Picture

 

Click on the element itself and start typing or paste text in to the area. Use the tools to format your text from the first 9 tool bar options or use the link option to hyperlink your text option 10. 

 

Hyperlinking.jpg

 

Note: If you write content to be place in the text element and format it before pasting in to site builder on memberplanet, the formatting will not hold. All sites are set to be overwritten based on the main content's style editor settings. As a best practice, we recommend writing your content without formatting, including font sizing or style, and then making those edits within memberplanet.

 

Documents_Storage.jpg

 

Use the document option, option 11 to add documents to our site builder document storage and link documents to your site pages.

 

Color and font styles can be updated using the Style Editor. Your Style Editor changes are universal to all text elements within the Main Content section of your site pages. Learn More about How to Use the Style Editor to edit the main content section of your Site Builder.

 

After adding a text element to the page, you can drag an image element into the top-left corner of the text element to add the image into the flow of the text. The image can be manually resized by clicking and dragging the image corner or sides, and the text will continue to seamlessly wrap around the image.

 

Picture

 

Header elements

Click on the element itself and start typing or paste text into the area

 

Header_elements.jpg

 

Singular header's sizing can be adjusted using the pencil icon in the upper right hand corner of the header

 

Edit_header_element.jpg

 

Color and font styles can be updated using the Style Editor. Your Style Editor changes are universal to all header elements within the Main Content section of your site pages. Learn More about How to Use the Style Editor to edit the main content section of your Site Builder.

 

Image elements

Hover over the element and click the edit icon, then select the Edit button to use the image editor. Image elements can accept jpeg. and png. files.

 

If you’ve already added an image to an image block, when you click the edit icon, you’ll have the option to replace the image. You can also resize an image by clicking on the image and clicking and dragging the blue boxes on the corners and sides.

 

Picture

 

Clicking the Edit button will open the image editor, which includes graphic design controls for color balancing, adding fun graphics to the image, and adding frames.

 

Social Media Icons

Hover over the element and click the edit icon. Add button text and links.

 

Social_media_1.jpg

 

To move an element that is on the page, hover over the element and place your cursor over the move icon that appears at the top right. Click the move icon (do not release), then drag and drop it to the desired area on the page. When you click on the content block and click the edit icon, you will see additional edit options to add the links for your group's social media accounts, change the order these appear, as well as edit the style of the appearance of the icons.

 

Social_Media_6.jpg

 

To add the URL for each social media icon, select the social media box and add your social media page's custom url.  By default we have included the beginning of each social media site, you only need to add the end portion.

Ex. https://www.facebook.com/[YOUR GROUP'S SOCIAL MEDIA CUSTOM URL PORTION]

If you don’t have URLs for all of the social media sites, just uncheck the checkbox next to them and they will be removed from your page.

 

social_media_5.jpg

 

The order of your icons can be changed using the drag and drop options.

 

social_media_4.jpg

 

Click on style to change the style of your social media icons, including alignment, color options and the size.

 

social_media_3.jpg

 

Buttons
When you add a new button, it will default to include a filler "Click Me" text. Once you click on the content block, you will be able to add a URL to your button.

 

buttons1.jpg

 

When editing your button, you can update the basic details, and the overall style (the look and feel) of your button.

 

buttons4.jpg

 

When updating the button details, you can update, the button text, the link type, the URL, and the alignment of the button within the element itself.

 

buttons2.jpg

 

The look and feel of your button can be updated within the styles option in the button editor, including the shape, background colors, size, text padding, font styles, font colors and more.

 

buttons3.jpg

 

Lines

Line elements can be placed horizontally to break up sections, as well as being placed adjacent to other elements. When placed adjacent to other elements, their width can be adjusted to only a partial part of the page horizontally.

 

Spacer

Click and drag the resizing options to add a blank space within your site. Like a line element, spacers can be placed to take up space full page horizontally or part of the page when place adjacent to other elements.

 

spacer1.jpg

 

When placed adjacent to other elements, their width can be adjusted to only a partial part of the page horizontally.

 

spacer2.jpg 

 

Code

Use the html code block from your social media, video sharing tools and more to add outside code blocks in to your website

Code1.jpg

 

Code2.jpg

 

Sections

Click and drag to add a section.

 

Sections2.jpg

 

Then drag other elements from the content elements to add content in to your section.

 

Sections1.jpg

 

Using the section tools you can change the colors of your section to create a colored block within your site. The section style tool also allows you to update the styles of the font and font colors of text added to Header and Text elements added to the Section element.

 

Sections3.jpg

 

Note:You can add content elements to the banner, main content area, and footer; the site name and banner are edited in different ways and will only accept text or header elements. Most content must be edited after you drag the element onto the canvas. For example, text elements are empty by default, and images are placeholder icons until you add your own images

 

Events Block

Some elements in the content palette are called blocks, which are memberplanet plugins that extend functionality from the platform to your published website. The events block can be added to any page, whether public or private. The events block takes up the full width of the page, and other elements can be placed above or below it, but not adjacent to it.

 

Picture

 

Admins can move the calendar around, resize its height, delete or re-add it to the pages of their site. To edit the events block once it’s on the page, hover over it and select the delete, move, or edit icon. The edit icon will allow you to change the title, resize the height, choose whether to display the calendar and/or events, change the bar color and text color.  

 

Picture

 

Picture

 

Once you have published the site, the actual event information will populate in the events block

To edit or add any events, you must do this from the Events module in your admin portal. Learn more: Event Management and Ticket Sales

 

Moving and Removing Elements on Your Pages

To move an element that is on the page, hover over the element and place your cursor over the move icon that appears at the top right. Click the move icon (do not release), then drag and drop it to the desired area on the page.

 

Picture

 

Adjacency

Group admins can arrange elements within a page to create several different viewing options on that page. You can create rows of elements with two or more elements on the same row. Elements will automatically resize themselves to share the width of the page, and the proportional width of each element can be increased or decreased by clicking and dragging the vertical gray lines that appear when hovering over the row.

 

Picture

 

Multi-column layouts

Once you’ve created a row with two or more elements using the new Adjacency feature, you can create columns by dropping additional elements above or below them. Create more dynamic, asymmetrical layouts without any extra menus or screens – just drop your content where you want it to go!

 

Picture

 

Remove elements from the page

Picture

To remove a block of content from the page, click the block and click the delete icon in the upper right corner. Once you delete an element and its contents, this action cannot be undone.

 

Save changes

Changes you make in the Elements editor are auto-saved. This will save changes to your draft, but they won’t be visible to site visitors until you publish the site. Your changes will also be saved any time you click off of a content block or leave the Elements editor to go to a different part of the Site Builder. 

 

Note: Because changes are saved automatically and frequently, there is no way to revert to an earlier draft. Undo functions are limited to changes within a content element.

 

Preview your site

At any time, you can preview your changes by clicking on the Preview button on the top right.

 

20200504213813732-sb-preview-orig_orig_-_Copy.png

 

In the Device dropdown menu, you also have the option to preview what your site looks like on desktop, tablet, mobile landscape, and mobile portrait views.

 

sb-preview-devices_-_Copy.png

 

Draft mode
Your site will be in draft mode until you are ready to publish it. Until you publish the site, it will remain hidden. Be sure to fill in all of the blank areas and add some images to your banner before you click the Publish button, or they will not be included when you publish your site.

 

Publish and Re-Publish Site

Before you publish, it is a best practice to preview your site by clicking the Preview button near the top right. When you are ready to make your site visible to visitors, you can publish it for the first time by clicking the Publish button, which is next to Preview.

 

Important note: After you’ve published your site, you will always have two versions of it that exist at the same time: a draft version and the published version. When you edit your site and your changes are saved, only the draft version will be changed and stored. 

 

When you click the Publish button to re-publish your site, all of your saved changes will be copied from your draft version to the published version, meaning that the changes become visible to visitors on your site. This allows you to make multiple changes to the site and release them all at once instead of exposing your visitors to the changes as you make them one at a time.

 

 

How to Use Pages Option within Your Site Builder

 

By default, your group will come with a set four pages. If your group requires additional pages, unlimited pages can be purchased by contacting sales@memberplanet.com. If your group has purchased an unlimited website subscription, this includes unlimited pages, allowing your group the ability to access the new page option.

The Pages editor can be used to edit the settings for the pages within your website, as well as delete website pages, or as a way to navigate between pages selected to edit the content on the page.

 

Navigating Pages

Adding New Pages

Editing Pages

 

How to Navigate Using Your Pages Options

  1. In the top navigation bar, click Pages
  2. In the content palette, click the page you wish to edit

 

Pages can also be selected from the website editor itself on the main part of the builder to navigate from page to page.

 

Note: If you have set up hidden pages, these will only be accessible from the left hand Pages editor and will not appear from within the main website editor.

 

How to Add New Pages to Your Website


Public Pages

In the upgrade, you have additional functionality to add unlimited pages:

  1. Click the New Page button
  2. Choose the type of page you want to create: 
  • Basic Page: A page that will include content such as text images and more
  • Link to External Website: a page that will link to another page on your website or an external websites url
  • Menu Title: allows you to create a dropdown menu on your website's navigation bar without making the top-level item an editable page

 

 

     3.  Complete the page set up information
     4.  Click the Save Changes button to see your edits reflected on the page canvas

You also have the capability to create drop-down menus in your navigation bar:

  1. Drag and drop a page directly under another page, indented to the right
  2. Click Save Changes to see your edits displayed on the page canvas

 

Private Pages

To create a page (including a nested page) that is not displayed in your navigation bar (hidden page):

hidden_pages.jpg

 

  1. Click the New Page button
  2. Select the Basic Page type
  3. Enter your page name, and in the Display drop-down, select Hide in Navigation Bar

 

  1. Click Save
  2. Drag and drop the page in the desired order
  • If you want to nest the page, drag and drop it under another page, indented to the right   
  1. Click Save Changes at the bottom of your list of pages

 

The page will be appear in the Pages palette, but will not be displayed in the top nav on your site. When you publish your changes, you can navigate to a hidden page by typing in the page name to replace the end portion of the your live URL: [your group's default url].memberplanet.com/[PageName].html. For example, if your page name is events go to the URL: [your group's default url].memberplanet.com/Events.html

 

How to Edit Existing Pages Settings

To change the name of a page:

  1. Click the pencil icon

 

  1. Enter the page name and title, and select whether you want to display it in the navigation bar
  2. Click the Update button to save your changes

 

 

How to Use the Style Editor

The editable sections of your website are broken up in to different sections, the header bar, navigation, login, banner, main content and footer. The Style Editor allows you to control the colors, fonts, font sizing and more universally within each of these sections across your website to allow you quickly set up a website with a uniform look and feel.

Styles7.jpg

 

The Style Editor can be accessed from the top of your site builder navigation

Note: Please note, certain style items for login or logged in pages will not appear, if your group is not currently on an upgraded Site Builder Subscription plan. If your group requires additional pages, unlimited pages can be purchased by contacting sales@memberplanet.com.

 

Header Bar

The Header section of your website includes your logo, title, subtitle,  and login, as items to be updated within the style editor. 

Styles8.jpg

 

  1. Background Color - to change the color of the Header section from the default within the Header section
  2. Logo Size - if a logo is being used, it can be increased or decreased in size
  3. Title Font and Title Color - Allows you to adjust the font, font size and font color of your text added to the Title section
  4. Subtitle Font and Subtitle Color - Allows you to adjust the font, font size and font color of your text added to the Subtitle section
  5. Border - allows you to place a colored border around the entire or part of the Header section
  6. Login Font and Login Color - Allows you to adjust the font, font size and font color of your text added to the Login section
    • If you are not seeing this option, your group may not have Private Pages enabled. If you are not sure, please contact support@memberplanet.com
  7. Hide Header - If your group would not like to show/use the header options, it can be hidden
    • This will remove the member's option to login if your group is using the dashboard/private pages option and will need to be moved to your navigation bar using the Login Style option for Location
  8. Background Image - to change the the background of the Header section from a color to an image

Styles1.jpg

 

 

Navigation

The Navigation includes all of the public pages from your website, including any which have been placed in a nested or sub-page position beneath any pages.

Styles10.jpg

 

  1. Background Color - to change the color of the Header section from the default within the Navigation section
  2. Link Font and Link Color - the text or name given to your page to be displayed in your Navigation and the color of that text
  3. Link Background Color - the color of the overall page button within the navigation
  4. Link Hover Color - when hovering over the text to your page in the navigation, the color of the text changes to a different color
  5.  Link Hover Background Color - when hovering over the text to your page in the navigation, the color of overall page button within the navigation
  6. Border - allows you to place a colored border around the entire or part of the Navigation Section
  7. Callout Linkfont and Callout Linkcolor - the text or name given to your page to be displayed in your Navigation and the color of that text for any Pages that have been set up as an Emphasized Page 
  8. Callout Background Color - the color of the overall page button within the navigation for any Pages that have been set up as an Emphasized Page 
  9. Callout Hover Color - when hovering over the text to your page in the navigation, the color of the text changes to a different color for any Pages that have been set up as an Emphasized Page 
  10. Background Image - to change the the background of the Navigation section from a color to an image

Styles2.jpg

 

 

Login

If your group is currently using the dashboard option and private pages, the login option will be location within the Header Section, but additional updates can be made on it's style options.

  • If you are not seeing this option, your group may not have Private Pages enabled. If you are not sure, please contact support@memberplanet.com

Style15.jpg

 

  1. Location - your Login Link can be placed in either your in your Header or within your Navigation. 
    • When placed in the Header, the login will go in the far right position
    • When placed in the Navigation, it will be placed in the last page position
  2. Login Link Text - allows you to add custom text prompting your members to login to their member dashboard/private pages
    • This text can double as a call to action reminding them to "Login/Renew" membership with your group

Styles3.jpg

 

 

Banner

Style options for your banner can be updated if your group is using the single image banner option, as this will include the functionality to add Header Elements and Text Elements. Sliding Banner, Polaroid Banner, Hidden Banner options do not include any additional style updates that can be applied.

Styles11.jpg

 

  1. Overlay - If you prefer to soften your banner to allow any text or headers to standout, the overlay allows you to add a secondary color on top of your image and change the transparency
  2. Title Font and Title Color - Allows you to adjust the font, font size and font color of your Header Element text added to the Banner section
  3. Text Font and Text Color - Allows you to adjust the font, font size and font color of your text added to the Main Content section when using a Text Element
  4. Link Color - If you have added any text that is hyperlinked within your Banner, the color of the linked text can be updated from the default blue

Styles4.jpg

 

 

Main Content

All Text Elements and Header Elements added to the Main Content sections of your Public and Private pages can be updated using the style editor with the exception of Elements added in to a Section.

Sections have their own individual Style Controls for elements added in to the. Learn more about Using your Site Builder Elements to Add Content to your Site Builder main content section.

Style13.jpg

 

  1. Background Color - to change the color from the default within the Main Content section
  2. Page Color - the section within the Main Content section where the content goes is the "Page" portion which can be updated with a different color from it's default
  3. Header Text - if you would like to change the alignment on your Header Elements from the default center to a different alignment
  4. Header Font and Title Color - Allows you to adjust the font, font size and font color of your text added to the Main Content section when using a Header Element
  5. Text Font and Text Color - Allows you to adjust the font, font size and font color of your text added to the Main Content section when using a Text Element
  6. Line - to universally adjust the width, height and color of Line Elements added to the Main Content section
  7. Link Color - If you have added any text that is hyperlinked within your Main Content, the color of the linked text can be updated from the default blue
  8. Background Image - to change the the background of the Main Content section from a color to an image
  9. Page Background Image - the section within the Main Content section where the content goes is the "Page" portion which can be updated with a background image, if you prefer this to a color
  10. Page Width - the width for the section within the Main Content section where the content goes, known as the "Page" portion can be updated

Styles5.jpg

 

 

Footer

Your Footer is static within all pages of your website, any elements placed within the section and styles applied will be viewable when viewing all public and private pages of your website.

Style14.jpg

 

  1. Background Color - to change the color from the default within the Footer section
  2. Header Text - if you would like to change the alignment on your Header Elements from the default center to a different alignment
  3. Padding - your site will be set with a default padding, this can be increased or decreased within the Footer section
  4. Title Font and Title Color - Allows you to adjust the font, font size and font color of your text added to the Footer section
  5. Text Font and Text Color - Allows you to adjust the font, font size and font color of your text added to the Footer Content section when using a Text Element
  6. Link Color - If you have added any text that is hyperlinked within your Footer, the color of the linked text can be updated from the default blue
  7. Background Image - to change the the background of the Footer section from a color to an image

Styles6.jpg

 

 

Set Up your Site Builder Logged-In Dashboard for Members

 

Private pages

Private pages are also called members-only pages because they aren’t viewable to non-members. Your group will have one pre-populated private page, named Dashboard. Your members must log in to view it. This page is editable by admins. Additional pages can be added if your group has upgraded to an unlimited website subscription.

 

Private_pages.jpg

 

Private pages can be populated with information in the same way public pages can be populated, except these pages are only accessible by members who have logged in to their member profile, making them an excellent location for information meant for only members of your group or organization.

 

 

Member dashboard

Your members will be able to securely log in and view their member dashboard, the private page of your website that includes member profile, events calendar, directory, and related group information.

 

dashboard_editor.jpg


If your members need to update their profile information displayed on their dashboard, they can do so from their member dashboard by logging in and selecting the edit options.

Group admins can move, remove, and re-add dashboard elements: directory, events calendar, membership, notes, and member profile.
 

 

Member profile

Each member has their own profile. The widget contains the following information: profile photo, member’s first and last name, email and basic information. Group admins cannot edit the information displayed within this widget.

 

Profile_widget.jpg

 

 

Membership Widget

If your group is using membership levels within memberplanet, their membership can be managed from the member dashboard by logging in with their email and password. Members can quickly view any upcoming payments, update payment information, make a payment and view information on past membership payments.

 

Membership_Widget.jpg

 

 

Events calendar

An events calendar can be added to any page, whether public or private, and by default, the calendar will be pre-populated on the members-only view upon login. Admins can move the calendar around, resize it, delete or re-add it as they see fit.

To edit the calendar widget once it’s on the page, hover over it and select the delete, move, or edit icon. The edit icon will allow you to resize it. There are no additional steps needed to add your memberplanet events to your event widget. Once you have created an event in your admin portal, the event will automatically sync to your event widget within your group's website. Learn more about setting up an event: Event Management and Ticket Sales

On your published site, the actual event information will populate in the events widget:

 

Calendar_Widget.jpg

 

 

Member directory

The member directory is an interactive feature and a great way to let members search and network with each other. The directory can only be added to the member dashboard, and it is viewable only upon secure login. The contents of the directory will be populated with member data. Your members can edit their own privacy settings and have full control over what info is displayed to other members. Group admins can resize, move, remove and re-add the directory using the controls from the dashboard editor.
 

Picture

 

 

Notes

A note allows you to add text, links or documents to your member dashboard which are only accessible by your group's members. Like all items within the member dashboard, the notes are only viewable once your member has logged in with their username/email and password. Club admins can use notes to display information such as a important messages or announcements, links to documents and more.

 

Notes_widget.jpg

 

 

How to preview the member dashboard

You can preview the member dashboard to get a partial view of what it will look like when a member logs in, but you will not be able to see specific member data within the preview. Click on the green Preview button in the top nav bar.

 

Private_page_preview.jpg

 

This is a sample preview of what a member dashboard will look like upon log in:

 

Live_dashboard_view.jpg

 

 

How to Edit Site Builder Settings and Website Domain

The settings of your website help determine its visibility to the public and how easy it is for potential visitors to locate your website in search engine results. Adjusting these to your desired specifications with search engine optimization (SEO) in mind will enable you to customize how people view and find your site. 

How to Change your Favicon


Your site’s favicon is the small image that is displayed on the far-left edge of the browser tab when someone is visiting your site.  Favicons are also displayed in a user’s bookmark bar or list. Your favicon will appear as a blank page until you customize it.

 

  1. Go to the General tab of the settings editor
  2. Click the image icon in the favicon section to change or upload a new image

 

Your favicon is a small but important detail that affects the first impressions of your site’s visitors; it’s vital to establishing credibility and just as important as the other branding elements on your site. Use one that reflects your group’s logo or brand. Optimal size is 64 x 64 pixels. The best format is .png. If your favicon has a transparent background and it is saved as .jpg, the background will appear white.

 

Change How People Can Find Your Site (Search Engine Settings)

 

Key factors that effect traffic to your site include how it appears in search engine results, and how accurate its search engine description is. Editing your site description and meta tags to take advantage of keywords is considered an SEO best practice. Meta tags are snippets of text placed within your site’s HTML code (not visible on the page itself), which help tell search engines what your web page is about. If you do not edit your site description or meta tags, search engines will display text based on relevancy to a search query.
 
To hide your site in search engine results, go to the Marketing tab of the settings editor and click the toggle button in the search engine results section. You should see it switch from Enabled to a Disabled setting. 

 

Your site description is sometimes used as the snippet of text that appears beneath a link when you share your site on social media. Keep your description concise to avoid having it appear truncated in search results and on social media. The limit is usually 160 characters or less.

Note:  When you first publish your website, your website will be searchable on online search engines but it will be in a very low position. Indexing takes place within the search engine itself (such as Google) and is dependent on Google or any other search engine's indexing algorithm. This process can take between 60 -120 days to have your website index and move to a higher position.

 

Tracking Your Website's Activity

 

In order to track who is coming to your site, you can link a Google Analytics account to your site on the Site Traffic tab of the settings editor. You will need to create a Google Analytics account if you don’t already have one. To track your site, Google uses a tracking ID, which you can get by following these steps:

 

  1. In your Google Analytics account, click Admin
  2. Select an account from the menu in the Account column
  3. Select a property from the menu in the Property column
  4. Under Property, click Tracking Info > Tracking Code  Your tracking ID will be displayed at the top of the page.
  5. In Site Builder, click on the Site Traffic tab of the settings editor
  6. Copy and paste your Google Analytics tracking ID in the field provided
  7. Click Save

 

How to Redirect Your Custom Domain Name to Your Site Builder

 

The benefit of having an easily recognizable URL for your website is that it is easier for visitors to remember. Your default domain has been predetermined by the State and will be automatically populated. Your default site URL will appear as [your group's default url].memberplanet.com.

Note: If you wish to upgrade to connect your custom domain, please contact support at support@memberplanet.com. Once you have upgraded, continue with steps below.

  1. If you have an existing domain name and website, you may need to reconfigure a few items in your DNS settings before redirecting (also called connecting, forwarding, and pointing) your domain to memberplanet’s Site Builder.
  2. Go to your domain registrar’s (Ex. GoDaddy) DNS settings
  • If you see an existing A record (host record) and/or CNAME record pointing to your previous web hosting service, delete the record(s). This includes removing any existing A records pointing to custom IP addresses. An example of this record is with the name @ and value of 80.80.80.180.

 

 

Important Note: Some domain hosts, such as GoDaddy, allow you to park domains, which could be listed in a different area of your control panel. If you have an existing A record that is parked, you will need to unpark and delete the record.

 

After all A records have been deleted, proceed by setting up a new CNAME record with the name of www and value of: mysite.memberplanet.com

 

 

  1. Set the TTL (Time to Live) to 600 Seconds

 

Note: You will need to wait the length of time set in TTL before being able to change the custom domain on memberplanet Site Builder. The default is typically set to one hour, and we recommend changing this to 600 seconds (10 minutes), the lowest approved value, to ensure you can connect to your domain as soon as possible.

 

  1. Once you have configured the DNS settings, navigate to Site Builder in memberplanet and select Settings in the top navigation
  2. Click Domain in the Settings menu
  3. Select Add a Custom Domain

 

  1. Enter your custom domain (Ex. www.nasa.com) in the field and click Save

 

  1. Click the Elements editor on the top navigation and select Publish