Legacy Builder

You have 2 options for a Stand Alone Landing page in Simplero: Make it a List Sign-up page Used to advertise freebies and lead magnets Make it a Product Sales page Used to advertise paid products   Creating a landing page Select Marketing from your Simplero Dashboard Choose Landing pages from the dropdown menu Click the Create new landing page button in the upper right corner Pick your template. You can choose between the Legacy editor or the Builder 2.0 editor, which will each show the templates that use that particular editor: Once you've chosen your template, you will be redirected to the Editor. The following instructions are for the Legacy editor. Click here for instructions on how to use the Builder 2.0 editor. Landing Page Editor While on the Editor page, and when you are done working on the Full Landing Page design, Save changes and click on Back at the top left corner to access the Landing Page >> Settings tab. In the Settings tab, complete all the necessary fields and make sure to click the Save changes button when done ... Link a List and Products to a Full Landing Page Click the blue  Editor button from the Overview tab to make additional changes to your landing page.  When you click the Launch Editor button, you will be redirected to a page where you can edit the Sections and Appearance of your landing page. (Note that Santa Fe Chic features are exclusive to this Landing page template and cannot be found on any other Landing Page templates editors). From the editor screen, if you chose to create a List Sign-Up landing page, make sure to select your list. In the Sections tab, select the List signup form section or press +Add section and then select the section: Scroll down to the Form section. In the List area, click the drop-down menu and select your list: Make sure to click the blue Save Changes button when you finish your edit. From the editor screen, if you chose to create a Product Sales page for your landing page, here's how to add your Products to the page. In the Sections tab, click the blue + Add section link: In the Add section screen, scroll down to the Products section. Select Featured products section and press the blue Add button: In the Featured products, go to the Content section and click on one of the Product tabs. In the Product area, click the drop-down menu and select your product. You can also add or remove a product (click the blue + Add product or the blue Remove product link) Click the blue Save changes button Set up a Funnel Using the 3 dots menu at the top right, choose between: Turn into a funnel… We will create a new funnel including this landing page in it! Keep building the funnel around it. For example, add a Thank You Page on the next step of the funnel. Add to existing funnel… If you already have a funnel on the way and would like to have your landing page be part of it. We will create a new step in the funnel that includes this landing page. You can then drag it around the funnel to the step you want it to be in. Learn more about how funnels work here. Full Landing Pages Themes With every new landing page, an individual theme will be generated along with it. You can customize this theme as well as choose an existing Theme on the Editor>>Appearance tab: *NOTE: If the Landing page has been created as New, then the theme will be generated as a copy of the current System theme (website/membership site theme). If the landing page is a result of duplicating an existing Landing page, then the new theme will be generated based on the original Landing page. You will also find the landing page theme and link to customize it on the landing page tab >> Theme: Expiring a landing page/adding a countdown timer If your landing page is time sensitive such as in the case of creating a sign-up form for a Tele Summit: In the Settings page, you will have the ability to add an expiration date and to tell the system where to direct users to once that time and date have passed: In the Landing Page Editor, you also have the option to add a Countdown Timer section to your page that will count down to the time and date that you add under the Countdown section when you select “Count down to a specific date”: To know more about how to use this section when selecting “Count down to a period after activation”, have a look at our Deadline-Funnels guide. Do you still have questions about Full Landing Pages or is there a specific topic you are missing in this guide? Let our Support team know :)

NOTE! This guide shows how embed sign-up forms to pages that use our Legacy builder, which is a deprecated feature. To embed sign up forms to a page that uses our 2.0 builder, head to this guide. In this lesson... Show an Opt-in Form in All pages of a Simplero Site Embed an Opt-in Form on a Simplero Page Embed a Manually-Triggered Opt-In to a Button (Legacy Builder Only) If you prefer to watch this on a video, you can head to our How To Videos, where this is explained in minute 11:20. To know how to create an Embedded Form go back to the previous lesson, Embedded Forms. Important notes! This is not possible to do while on trial as adding embedded code is not available. Show an Opt-in Form in All pages of a Simplero Site If you'd like an embedded sign up form to show in ALL pages of a Simplero Site, then navigate to the Site >> Configure page and scroll down to the Signup forms section: You'll be able to choose from the existing embedded forms in your account. Done! Embed an Opt-in Form on a Simplero Page Navigate to the embedded form. The shortest way is from the Landing pages table, click on the Embedded view and then filter by List. If you haven't created it yet, follow the steps in this guide to design a new one.  Once you've located the Embedded form, on the Analytics tab, scroll down to the Embed Code (required) section and copy it to your clipboard: Go to the Site Page where you'd like the embedded opt-in form to show up. Head to Website >> Pages, then access the Editor for that specific page on the Website by clicking on the page name: Add a Script section, and replace the dummy text with the script you just copied: The Embed form will now show up according to the Presentation settings on the Embed form. NOTE: The form will appear blank on the Editor page once you add the embed code and save your changes, but it will appear on the front-end of the page according to the Presentation settings on the Embed form. Click View Page On Site in the top right-hand corner to see it in action: Embed a Manually-Triggered Opt-In to a Button (Legacy Builder Only) NOTE! This process only works if your page uses the Legacy Editor. If your page uses the 2.0 Builder, follow the steps in this 2.0 guide to create your popup and connect it to a button on the page. If your page uses the Class Editor, follow steps 1-5 described above in the “Embed an Opt-in Form on a Simplero Page” section first (make sure to embed the form into a Script section, etc). Then add the following instructions: Head to the Embed Form Settings page and select Modal under the Presentation section: Then scroll down to the Trigger section and select Manual trigger only: On the Embed Form Analytics page, scroll down to the section Manual Trigger and copy the piece of code using the Copy to Clipboard icon: Navigate to the Simplero Page you'd like to link the Embed form to. Click on the section you want the button to show up on, then the Source Code icon. Paste the code into the Source Code section: Press Ok and Save. A link now shows up and triggers an embedded opt-in form. Now select the link that got created and click on the Insert Link icon: Edit the Text to Display and click on Display as Button. Then press Update: HERE IT IS IN ACTION:  Try it out here! This button is live! Keywords: Embedded form, Link, Embed

Learn how to add custom fonts to your website or course, including uploading purchased font files, generating the necessary CSS, and applying your fonts to different elements for a unique and prof...

Adding Call to Action Buttons to Turn a Site Page Into a Sales or Opt-in Page Some people prefer to design their own sales or list opt-in page on their Simplero site directly, instead of using a standalone sales page. This is easy to do by creating a content page and adding a call to action button to it wherever you want.  NOTE! This guide shows how to add a button to pages that use our Legacy builder, which is a deprecated feature. To add buttons to a page that uses our 2.0 builder, head to this guide. Once you've created the content page, here's how to add the Call to Action button: Option 1: Select Marketing from your Simplero Dashboard. Choose Main website from the dropdown menu. Select the Pages tab. Click the blue Editor pencil button next to the page you want to edit. You'll be redirected to the edit interface screen. In the Sections tab, select the blue + Add section tab: In the Content options menu, select the Buttons tab and click the blue Add button:   Determine the Appearance of the Button: In the Content section, click on Button: Enter a Label for your button (e.g., "Click Here to Sign Up!"). Enter the link you want to send users to (this could be a product sales page, order form, list opt-in, online scheduler, wherever you want them to end up). Select the blue Save changes button. Option 2: Select Marketing from your Simplero Dashboard. Choose Main website from the dropdown menu. Select the Pages tab. Click the blue Editor pencil button next to the page you want to edit. You'll be redirected to the edit interface screen. In the Sections tab, select the blue + Add section tab:   In the Content options menu, select the Text tab and click the blue Add button:   Write out the Label for your button (e.g., "Click Here to Sign Up!"). Highlight the text and click on the Insert Link icon in the Text Editor:   Add the Link for the button under URL, or choose it from the dropdown menu. Check Display as button. Check Open in a new window (optional). Hit the Insert button to save your changes: NOTE! If you don't put a link into the URL section, the button will not be created. If you don't have a link yet but still want to create the button, you can click on the URL section and choose your homepage from the dropdown menu. Then you can go back and add the correct link later.

Important! This manual is for pages built with our Legacy builder. To learn how to do this with our new builder, head to this manual By creating a calendar or list, you can easily show all your upcoming events at a glance. For example, if you are a coach and you want to have a coaching call calendar. Or you want to show all the live events you are doing in the next couple of months. Or if you want your members to have a calendar with all the upcoming webinars that they can join. Any of this can be shown in a very visual and simple way! This is what the Events Calendar looks like: This is what the events list looks like: Pro Tip: Be sure to check out our Mastering Events in Simplero Workshop where our experst do a deep-dive into setting up events in Simplero. Creating an Events Calendar 1. Create your Events (Check our Basic Events Guide if you want to know how!) 2. Go to the page where you want to add your calendar or create a new one 3. Add a new section and search for ‘Events calendar’ 4. Once added, you will see some options to personalize it on the left-hand side: How many weeks should we show? Only show events with this label - This is very handy if you only want to show some events. For example, if you are a coach and you want to only show your public events. You will need to first label the events that you want to show (check how labels work in this manual) and choose that label on this setting. This allows you to have two different calendars that show different events depending on the label they have been given. It could be handy for academies that have more than one cohort or if you want to create a calendar on your public site different than the calendar on your membership site.  Don’t add a scrollbar when the calendar gets too long - If ticked, long calendars will show as many weeks as you selected without a scrollbar. If unticked, we will add a scrollbar so it doesn’t take up that much space on the page. Other appearance settings - Width, style, background image, background video, background overlay color, custom heading color Make calendar transparent - Not recommended but might be useful for some layouts Creating an Events List 1. Create your Events (Check our Basic Events Guide if you want to know how!) 2. Go to the page where you want to add your calendar or create a new one 3. Add a new section and search for ‘Events list’ 4. Once added, you will see some options to personalize it on the left-hand side: Show Zoom events that don't have a fixed time Limit the number of events shown - This will give you three options: Only show a fixed number of events - If selected, it will prompt you to select the number of events Only show events in the duration I specify - If selected, it will prompt you to choose the duration Show all events Other appearance settings - Width, padding, style, background image, background video, background overlay color, custom heading color Make the event box transparent

With the implementation of the new experience and style guides, Brand colors located under the Logos page have become deprecated. This help guide gives details on how the transition happened and how to manage colors if you are still seeing Brand colors in your Logos page. If you are seeing the section Brand colors on your Logos page, it means you are also using the Legacy Style guide (we added it for you to help transition to style guides). Brand colors are no longer used across your account, so you can pretty much ignore them moving forward. Instead, there's a Legacy Style guide located in your Style guides page. Color changes in the Legacy style guide will affect and will be seen in the following system pages as long as they don't belong to a site which has it's own style guide: Broadcasts buttons Worksheets Color changes in the Default account Style guide will affect and will be seen in the following system pages as long as they don't belong to a site which has it's own style guide: Support widget  Events pages If you rename or delete the Legacy style guide, we will switch to using your account default style guide instead. The Brand colors section under the Logos page will also disappear. We highly recommend that when you are ready, you check your Default Account Style guide is set with your brand colors. Once updated, delete the Legacy Style guide to avoid further confusion. New sites will be using your default style guides instead. FAQ Is the Legacy style guide the default style guide used in the text editor? Or is there a specific place they can see that and edit it? The style guide used in the text editor is the site or default style guide, not the Legacy. ETA for when themes and legacy pages will be replaced or phased out?  There's no ETA yet, but we will phase out legacy pages and themes eventually with plenty of notice. Any coming changes to which colors system pages will include that can be changed by the member? We are considering making email templates also linked to style guides. What is the use-case for the ‘Inherit’ option when using a Style Guide theme It means it will use the theme selected for the higher node. For example if you pick Inherit theme on a column, it means it will use the Row theme. What do themes mean in the context of style guide colors? They are just pre-made sets generated from your color palette so it's easier for you to pick a set design of colors. If you don't like any of the pre-set themes you can customize your own. How do you update the colors on an order form so the checkout button and the checkbox color are different? The order form uses the site style guide. If the order form is not linked to any site, then it uses the Main website style guide. This might change in the future, and we might use the account default style guide instead. It's confusing that blogs aren't on the new site experience / don't use style guides. Any updates as to when this will change?  It is on the roadmap. We don't have an ETA yet. I still have site pages on the Legacy builder. Where are colors pulling up from those? The use the site theme colors. See this Themes guide for details.

Anchor links allow you to setup a link that links to a particular part or item on a page.  We've setup this link to be an anchor link that goes to the header at the very bottom of this guide.  Here’s how you can do it using the Text Editor on a Page in the Legacy Builder: First we need to find a Text section on the website you're editing. Hover over the section and click the Bookmark icon: An Anchor box will pop up where you can decide the Id for this Anchor. You can call the ID whatever you want. For this one, I’ll call it kristina and press the blue Ok button: You’ll see a small grey dot appear next to the Text after this: Next, find the Button or Text you want to hyperlink to this section. So when they click it, they jump down to the section! Once you've found it, highlight the text and press the Link icon in the Editor (if the link or button is created via the Editor): The Insert a link menu will pop up. Click on the white bar underneath URL and select On Page Items: Now select your Anchor Id from the options below to choose the section you’re anchoring to: Now the Button or Link will jump down to the section you anchored it to! NOTE! If the Button was added to an existing section under the Content tab, or added via a Button section, click on the section and scroll down to Content on the white column to the left of the page. Then click the white bar under Link and type your Anchor ID with a hashtag in front of it. Using our example, it’ll look like this: #kristina The other option is to select On page items and just choose the section on the page you want to jump down to: Now the Button will jump down to the section you anchored it to! Link to an Anchored Section on a Different Page Wherever you Insert a link, add the URL to the page you want to send them to and then add a Hashtag at the end with the Anchor ID to the section where you added the anchor: https://www.yourpageurl.com/home/#anchorID The link will now take you to the page you've linked to and automatically scroll down to where the anchor is! Here is how to do it via the source code: First you need to identify the part of the page we want to link to. Click the <> icon to open the Source Code (in the Legacy editor): Give the element an ID. For example id="danish" (you can use any word you like instead of 'danish'). You need to make sure the id="danish" section is added to the code in the following format: <a id="danish"></a> (see screenshot below) You'll also want to add <a id="danish"></a> to the Source Code directly to the left of the text you want to link to on the page: Click OK and Save your changes. You are now able to visit your anchor link URL by adding a # and the word you chose to the end of the link. So now hyperlink the element you want to be a link.  In the URL field put the page you want to link to followed by the # symbol and your ID: If the anchor link is on the same page, you can just put the # symbol and the ID. 

Which page should you pick? NOTE! If the New Community Experience is turned on for your site, please follow this guide to add 2.0 Pages, Webbooks, Courses, etc. to the navigation menu. This guide shows you how to add them to a site using the old experience. Each of these pages has different options and uses. Let's take a closer look at each one: Pages - Allows you to design a web page on your membership site. This could be a simple content page such as a welcome page, it could include testimonials of people who have taken the course before or a letter from you. It could even include a course catalog so your customers can quickly get to the course they want to access. You can also use the pages feature to create a sales page to up-sell members to other products that exist within this membership site or outside it.  Webbook - Structure long pieces of content. Use the Text section to add headings and paragraphs, then enable the option to Auto-generate a table of contents to be displayed on a left sidebar. Favourites - Course lessons can be saved as favourite by your members. Add a Favourites page they can easily reach to see their favourite content. Blog/Forum - Here is where you would give access to the blog or forum that you’ve been working on in the back end of your membership site. Group - If you have segmented forums you can link them using the Groups page. Learn more about Forum groups on this help guide. Member Directory - Here is where you can let members see each other. Members are anyone who has access to the membership site for any reason. External Link - This is a great way to link to an outside sales page, a Facebook group, a scheduling calendar, etc. Basically, anything you can find on the interweb that isn't created on your membership site.  Terms and Conditions - This will link to the terms and conditions set up in your Account Settings. Customer Service - When this is added a link will exist in the heading menu that will allow the members of your membership site to email you at the email address you set in your account settings for support.  Once you have decided on the page you want to add, below are step by step instructions for managing that page.  NOTE! You must have at least one published, non-hidden page on a membership site to serve as the home page for the site.  Otherwise, your members will not be able to access the site.  You can check out our demo membership site right here! Adding a page Select Content from your Simplero Dashboard Choose Membership Sites from the drop down menu Select the Membership Site you want to add pages to Select the Pages tab Click the Edit menu & pages button in the top right corner: You will be directed to the site editor page. Click the + Add button to add a page In the pop-up screen, choose your page option, add title and click the + Add button: To add a subpage, simply select the + sign next to what will be the mother page and then follow step 7 to add a page and customise the title:  Editing an Existing Page Select Content from your Simplero Dashboard Choose Membership Sites from the dropdown menu Select the Membership Site you want to add pages to Select the Pages tab Click the page name or the Edit button on the far right: You will be redirected to the Editor screen.  In the Sections tab, you can add or delete sections, move the sections around, or edit the contents in them. Make sure to click the Save changes button: In the Settings tab, you can change the page name, URL, and publish status. Make sure to click the Save changes button: Removing a page Select Content from your Simplero Dashboard Select Membership Sites from the dropdown menu Select the Membership Site you want to add pages to Select the Pages tab There are three ways to remove a page: Click on the Page name or the Editor button next to the page you want to remove and you'll be redirected to the Editor screen In the bottom left corner, click the Trashcan Delete page hyperlink and click OK to confirm your action to delete          Mark the box next to the Editor button and the Page name, click the Select action...drop-down arrow, select the Delete... option, and click OK to confirm your action to delete:    OR Mark the box next to the Editor button and the Page name, click the Trashcan icon and click OK to confirm your action to delete What if I want to limit who can view a page? Pages in a site are published in 3 different ways. Published - viewable all the time. Scheduled - they become viewable at a specific point in time. Dripped - you manually give access to someone. Dripped works great if you want to have a page in a membership site that is only viewable by a select group of people. For example, maybe I host the same course each year, and each group of participants has their own group page on Facebook for daily interactions. I can add the Facebook group as an external link page and then set that page to be Dripped. I would then Drip it to that group of participants and no one else via a trigger or broadcast.  Webbooks This is a great tool to structure long pieces of content. Use the Text section to add headings and paragraphs, then enable the option to Auto-generate a table of contents to be displayed on a left sidebar: Add Chapters under the webbook section on the builder using the plus icon: The first page is considered the primary page in the webbook, and all the other pages are mounted at the "primary page's path/their slug": You will still have the freedom to later edit each of the pages' slugs and customise them if you want: NOTE! We’ll always include h1 and h2 headings in the table of contents, but only include h3 and h4 headings if the total number of headings does not exceed 10. Check out this live Webbook to see the full user experience! Favourites Your members can save their favourite lessons across your site courses using the heart icon displayed on the course overview: Favourite content is saved at the site level and can be reached on the site URL /favorites (simplerosite.com/favorites). Adding a Favourites page to your site will improve your members’ experience as they will have their favourites handy from anywhere on your site: Blog/Forum pages Before you add Blog/Forum pages to your Membership Site you would need to enable them first. You can also adjust whether to moderate posts, add an intro text, or use engagement badges: You can always have a look at the Forum and Blog pages (before you add them to your Site header) from the admin page: Member Directory The member directory is enabled by default. It allows members to share their profile info and get tagged in posts and comments. If you would rather disable the member directory, navigate to the Site >> Configure >> Community Features section and detoggle the Member directory option: If you keep it on, you can choose to hide new member’s profile from the member directory and mentions by default if needed. Members will need to be logged in to access the Members page, where they'll find who’s a member of the site, and since when they became members: On each member you'll find where they’re located, any engagement badges they've been awarded, and their activity on the site:

NOTE! If the New Community Experience is turned on for your site, please follow this guide to edit your footer and navigation using our Layouts feature. Create a New Footer Navigation List Select Content from your Simplero dashboard Select the Membership Site  Choose the Membership Site you want to add to Select the 3 grey dots next to Configure and choose Navigation from the dropdown: Click the Create new link list button in the upper right corner: Give your list a Name and Handle. The handle is important, as it’s a key used to refer to this navigation list from within your theme: Add the Links you want by selecting the + Add link button: Enter the Label and select a page from the Link to drop-down menu Repeat steps 5 and 6 until all Links to pages are added Click the Create navigation list to save   Using a Navigation List To use the navigation list you have created, you will need to first change the name and handle of the current Footer to something other than "footer." Once that is done change the name and handle of the one you want to use to "footer". Save your changes and you'll be all set.  Editing a Navigation List Select Content from your Simplero dashboard Select the Membership Site  Choose the Membership Site you want to add to Select the 3 grey dots next to Configure and choose Navigation from the dropdown Click the Edit list button: You will be directed to the creation screen where you can add new links, change the list and label names, or even remove a label by selecting the Trashcan icon to the right of the label you want to remove: Click the Save changes when you're done editing your list. Deleting a Navigation List Select Content from your Simplero dashboard Select the Membership Site  Choose the Membership Site you want to add to Select the 3 grey dots next to Configure and choose Navigation from the dropdown Press the Trashcan icon next to the list you want to remove: NOTE! If your site uses the New Community Experience, you can also follow the steps in this help guide to add/remove links to your Navigation menu and Footer using our Layouts feature.

Main Site Theme You can customise your site theme to your desired colour scheme. See our guides on how to do that. You can have as many Themes as you want and assign them to different Sites. We suggest you make a copy your current Theme, edit and then assign it to your Membership Site. You can have as many themes as you want and assign them to different Sites and/or Membership Sites. Here's how: Click the Settings gear from your Simplero Dashboard: Select the Theme tab. Click on the down arrow on the Customize theme button and select Duplicate: When you select the Duplicate option, this will create another theme called Copy of Simple and take you to the site the original theme lived on. Scroll down to the copy you created and rename it by clicking on the three dots next to the title and selecting Rename from the dropdown: You can also rename the theme via Settings >> Themes by clicking on the down arrow on the Edit code button and selecting Rename: Name your Custom Theme and click the Save changes button: To change the Colours and Graphics for your Site... Click the Marketing tab >> Main website, then click the the three dots and press the Theme tab: Select the Customize theme button: You will be directed to the theme editor page where you will select the Colours tab: In the Colours section, you can change the colour for your Background, Accent (colour for your text links), Borders, Text, Buttons, Headers, Footers, and Sidebars. Simply select the colour squares you want to change them: Once you've selected the colours, make sure to click the Save changes button. The example below shows the background and footer colours have been changed: Site Theme NOTE! When you customise the Theme colours from your Main Site it will also affect the Site. Note that if you change the theme here it will also affect your Main Site page.  We suggest you make a copy of your current Theme, edit, and then assign it to your Site. You can have as many themes as you want and assign them to different Sites. Follow the instructions above on how to make a copy of your Theme. If you want to change the theme for your Site, follow the steps below: Select Content from your Simplero Dashboard. Select the Sites tab. Select the membership site you wish to customise. Select the three dots next to the Configure tab and choose Theme from the dropdown: Click the Customise theme button: You will be directed to the theme editor page where you can select the Colours tab: In the Colours section, you can change the colour for your Background, Accent (colour for your text links), Borders, Text, Buttons, Headers, Footers, and Sidebars. Simply select the colours you want: Once you've selected the colours, make sure to click the Save changes button.

NOTE! The Site Theme is only used on sites that aren’t using the New Community Experience. It also won’t work for any 2.0 pages you’ve added to your site. If your Site uses the New Community Experience: You can customise the Top Navigation Menu and Footer using our Layouts feature - here’s our guide on this. If you have builder 2.0 pages or new experience sites, you’ll need to edit the Style Guide for those particular pages instead - here’s our guide on this. To edit the Theme and customise it to your branding... Select Content from your Simplero Dashboard Choose Sites from the dropdown menu Click on the site you want to edit the theme for Click on the three dots to open further tabs on the bar and select the Theme (legacy pages) tab: Select the Customize theme button in the upper right corner: You will be directed to the customiser interface screen: From here you will be able to edit several areas of your site: Colours - In the colours section, select the area you want to change. (Options are background, accent colours, border colours, text, buttons, header, footer, and sidebar). A colour screen will pop up, you can either type in your colour code or scan for your preferred colour. Be sure to click the Save changes button. Typography - In this section, you can change the font of your headings, body and buttons text. Navigation - You will be able to choose the location of your navigation (top or left), choose the appearance, logos, favicon and call to action. Announcement banner - Want to create a banner that pops up at the top of every page? Here is the place! Footer - Here you can add a logo image, and choose to share payment methods and address. Cookie Consent - Choose how your cookie consent pops up and its appearance.  Sidebar - Here you can choose the viewing options and add content to the sidebar (if you have one) Blog and Products - Both of these sections currently allow you to have a sharing option available.  Assets - This allows you to include additional CSS and Javascript files. Edit Custom CSS If you know coding, we do offer advanced custom CSS in the Theme screen: Warning! Making CSS changes can cause the page to break with future Simplero updates. Continue only if you know what you are doing.  Also if you’ve added any 2.0 pages, making changes to the custom CSS will not affect those pages.

Website pages are extremely versatile; they can basically be anything you want them to be. In Simplero, when you choose to add a new page, you have a bunch of options. Some site pages are pre-formatted for you, like the blog and forum, while others like the content page, you design yourself. This guide will show you a few ways to design a page that is unique and right for your business.  Below are a few key things you might want to know when designing a content page. Click on a section to jump to it directly: Adding a Page Editing an Existing Page Designing Your Products Page Webbooks Favourites Social Media Sharing Removing a Page Website XML Types of Pages You Can Design  There are endless options for types of pages you can design for your website, but here are a few of the popular ones we've seen:  An About page A Sales page for a product in Simplero (instead of using the templated ones available in the product) An Opt-in page connected to a list (instead of using the templated ones available in the list) A featured Products page Webbooks pages Favorites page There are so many more options! Adding a Page Select Marketing from your Simplero Dashboard. Choose Website from the dropdown menu. Select the Pages tab. Click the Edit Menu & Pages button located in the top right corner to open the interface to add a page: From the editor interface, click the white + Add button to add a page: Choose your page option (Page, Folder, Product catalog, etc.) from the pop-up menu box. NOTE! If you choose Builder 2.0 page, this will take you to the 2.0 Builder so you can build this type of page on your website. Any Builder 2.0 pages on your site will each follow their own style guides and not the website theme. Here are some guides on editing a 2.0 page (the builder is the same for both landing pages and website pages): - Page Builder 2.0 - Style Guides - Page Builder 2.0 - Sections and Elements Enter your information in the field and click the + Add button. Editing an Existing Page Select Marketing from your Simplero Dashboard. Choose Main website from the dropdown menu. Select the Pages tab. Click the blue Editor Pencil button next to the page you want to edit, or click on the title of the page itself: If you edit a Builder 2.0 Page, this will take you to the Builder 2.0 editor for that page. Reminder on how to edit a 2.0 page: - Page Builder 2.0 - Style Guides - Page Builder 2.0 - Sections and Elements If you edit a Page with the Legacy Editor, you'll be redirected to the following edit interface screen: In the Sections tab, you can move the sections around, add or delete sections, or edit the content: To add a section, select the + Add section tab: Select the section from the options menu you want to add and click the Add button. To rearrange the section of the page, select the dots to the right of the page name and drag it to where you want it to go: In the Settings tab, you can change the page Title, Publish status, Layout, Label in Navigation, etc: When you're done making your edits, select the blue Save changes button: NOTE: Looking to add Call to Action buttons to your Website page so you can turn it into a Sales or Opt-in page? Check out this guide. Want to convert your existing Landing Page to a Website Page? Check out this guide. Designing Your Products Page We all want our customers to be fully aware of the products we're selling. There are a few ways you can do this on your Simplero website. You can create a content page and use the Products section to feature all of your Listed Products, or choose the Featured Products section and just feature a select few products of your choice: You can create a sales page for every product or a single sales page that talks about all your products with buttons that link to their order forms. You can also use the pre-formatted Product Catalog page. This page is determined by your products catalog. From there, you'll be able to add categories and list and unlist products: Webbooks This is a great tool to structure long pieces of content. Use the Text section to add headings and paragraphs, then enable the option to Auto-generate a table of contents to be displayed on a left sidebar: Add Chapters under the webbook section on the builder using the plus icon: The first page is considered the primary page in the webbook, and all the other pages are mounted at the "primary page's path/their slug": You will still have the freedom to later edit each of the pages' slugs and customize them if you want: NOTE! We’ll always include h1 and h2 headings in the table of contents, but only include h3 and h4 headings if the total number of headings does not exceed 10. Check out this live Webbook to see the full user experience! Favourites Your members can save their favourite lessons across your site courses using the heart icon displayed on the course overview: Favourite content is saved at the site level and can be reached on the site URL /favorites (www.example.com/favorites). Adding a Favourites page to your site will improve your members’ experience as they will have their favourites handy from anywhere on your site. Social Media Sharing We know you and your customers want to share your website on social media. But sometimes those shares don't look the way you want them to, and Facebook prevents users from editing the share. We know this is to protect against the false representation of the shared site, but for legit companies like you, who want their business represented beautifully, this can make things a little harder. But Simplero makes it easy for you to control what image will be in that share, giving you some say in how your website is represented. All you need to do is follow the steps below: Select Marketing from your Simplero Dashboard. Choose Main website from the dropdown menu. Select the Pages tab. Find the page you want to share and click the blue Editor pencil icon on the right side of the page name. The editor interface screen will open. Select the Settings tab for that page. Scroll down to the Search engines and social section. In the Social sharing image, click the Choose media button:          Choose the image you want to display. NOTE! The image must be at least 200 x 200 to be accepted by Facebook. Select the blue Save changes button. To edit multiple pages in a row, or to see which ones have already been updated, you will also find these settings on the very convenient Marketing >> Main Website >> Pages >> SEO tab: NOTE! If you add the social sharing image and it doesn't appear when you try to share the page on Facebook, run it through the Facebook Sharing Debugger tool and scrape it a few times until the image appears. See below: Removing a Page Select Marketing from your Simplero Dashboard. Choose Main website from the dropdown menu. Select the Pages tab. Find the page you want to remove and click the blue Editor pencil icon next to the page name. The editor interface screen will open. Towards the bottom left corner, you will see a grey link that reads"Delete page." Confirm your request. Alternatively, delete the page from the Pages table >> Select action dropdown: Website XML To see your sitemap XML, for sending to Google, for example - just add /sitemap.xml to the end of your URL, like this: https://simplero.com/sitemap.xml

Simplero's Marketing Website section is a full-featured website that includes a Blog and Pages where you have control over the content. You can find who has recently visited your site and any posts or comments registered in your Site blog and courses. You can also set up Redirects, customise Engagement Badges by clicking the three dots next to the Configure tab. To customise the style, layout and navigation of your website, this will depend on whether you’re using the New Community Experience or the Legacy Experience. If your Site uses the New Community Experience - head to this guide. If your Site uses the Legacy Experience… You’ll know this by heading to Site > Configure > Name and title and seeing the Legacy toggle turned ON: When you turn it off, the toggle moves down to the bottom of the page under Advanced Settings: With the Legacy toggle turned ON…. You can configure the Site navigation/footer links by pressing the three dots and choosing Navigation from the dropdown: You can configure the Style (colours, fonts, etc) by pressing the three dots and selecting the Theme from the dropdown:

Blog The Blog is a great way to market to your customers, leads and anyone who should already know about you. Keep up a regular post schedule, and you can build yourself a loyal and engaged audience. NOTE! This guide shows you how to customise your blog on the Legacy Experience, which is a deprecated feature. To learn how to customise your blog on the New Community Experience, head to this guide. To Enable your Blog: Select Marketing from your Simplero Dashboard. Choose Main Website from the dropdown menu. Select the Blog tab Click the hyperlink that says "enable the blog": Toggle ON the option that reads "I want a blog on my site": Click the blue Save changes button The next section allows you to control the availability of commenting on your blog.  Allow/Prohibit Commenting on Your Blog Select Marketing from your Simplero Dashboard. Choose Main website from the dropdown menu. Select the Blog tab. Select the Settings icon in the top right-hand corner: In the Comments on blog posts area, select an option on how you want to allow comments: Allow Non-Simplero user comments or Login-less comments Do you want people to be able to comment on your Simplero site without being a Simplero user? It’s easy to set-up: Select Marketing from your Simplero Dashboard. Choose Main website from the dropdown menu. Select the Configure tab. In the Community Features area, toggle ON the option that reads Allow comments without login under Comment security: Click the blue Save changes button Adding a Blog Post Select Marketing from your Simplero Dashboard. Choose Main website from the dropdown menu. Select the Blog tab. In the upper right corner, select the blue Add a blog post button. If it's your first blogpost, you’ll also see a red + Add your first blog post button that you can select: Complete your Blog post information: Title, URL, Categories, Featured Media, Body... In the Publish status section, select the publish/schedule option and choose how you want to allow comments on this blog post in particular: Draft - if you want to place it on hold for publishing at a later date Published - immediately post Schedule - post it at a specific date Select the blue Create blog post button Adding a Blog Category Select Marketing from your Simplero Dashboard. Choose Main website from the dropdown menu. Select the Blog tab, then Settings. Press the + Add a category' button on the right sidebar: Enter the Name of category in the pop-up screen: Click the blue OK button when done. Managing Comments The comments page allows you to quickly view any comments left on your blog posts (and forum posts!) from your public site: In the list, you can see: Commenter - Who posted the comment. Comment - About the comment (hyperlink to take you directly to the blog/comment where it’s viewable on the public site). Replies - If anyone has replied back to this comment. Reactions - If anyone has reacted to this comment. Status - Whether the comment has been approved or rejected. “Attachements Count paper clip icon” - The number of attachments added to this comment. "Thumps up/Thumps down/Send Message/Trashcan icons" - Used to reject or approve comments, reject comments with a message included, or delete altogether. Created - When the comment was made. Updated - The date the comment was last updated. Updated - The amount of time since the comment was last updated. If a comment is a Spam or you want to delete it for another reason simply select the trashcan icon to the right of the comment Customise your blog templates Navigate to the Blog tab on your site, then click on the top right meatballs menu and choose the following: Customise blog theme Change blog theme NOTE! This guide shows how to customise your blog templates on the Legacy Experience. If you are switching to the New Community Experience, you can edit the homepage template and blog post template for the Blog so it’s customised before you switch: Once you switch to the New Community Experience, you will only see the Edit blog homepage template and Edit blog post template options moving forward. Migrating your Website over from Wordpress or another Platform? Check out our Migrating course with instructions on how to bring over your blog. 

Simplero lets you edit the code that comprises your site, including HTML, CSS, and Javascript. NOTE! If your site uses the New Community Experience, we do not give you the option to edit the Theme Code. This option is only available on our Legacy Experience, which is a deprecated feature in Simplero. Also if you make changes to your Theme Code and then switch your site to the New Community Experience, the changes will not affect your site moving forward. Editing Your Theme Code Unfortunately, we do not have a lot of documentation on this yet, but here is a starting point: The HTML pages are written using a templating language called Liquid. It was created by Shopify, and so for now, the best place to find documentation for this is at Shopify's site. Beware that we would not have exactly the same tags, filters, and objects. But it's close. The best way to find out what is available is to look through our official source. Theme files with a .liquid extension will automatically be preprocessed using the Liquid templating engine and will output either HTML or CSS or Javascript, depending on the underlying file. Our CSS is written using a language called SCSS. Any regular CSS is valid SCSS, so if you do not want to learn SCSS, don't worry. You can just write CSS, and it will work. Files with a .scss extension will automatically be preprocessed using the SCSS compiler, which will translate it into CSS that browsers understand. Our Javascript files are written in CoffeeScript. Any theme file with extension .coffee will automatically be compiled to plain Javascript before being sent to the browser. Unlike with CSS and SCSS, plain Javascript is NOT valid CoffeeScript, so if you want to use plain Javascript, you will have to add it in a separate file. Careful when Making Changes As long as you have not made any changes to your theme, you will automatically get updates to your theme as we make them. We fix bugs, make small improvements to layout and rendering, or add entirely new features that require changes to both the site theme code and the backend. Once you make changes to a file, you will no longer automatically receive updates to that particular file. You will still receive updates to all your unedited theme files. This can cause problems when we do make changes, and thus you need to be careful when you make changes, and aware that you will need to factor in the cost of staying up to date with our ongoing changes. We have not yet developed a process for handling these changes, so, for now, you will have to bear with us, and we will do our best to work with you. Read This Before Making Stylesheet Changes The most common thing that you will probably want to do is make changes to the site's stylesheet. For this reason, we strongly encourage you to NOT make changes directly to the theme.scss.liquid theme file, but instead to add your changes to the custom.scss.liquid file. In here, you should be able to override anything in theme.scss.liquid, while still continuing to receive our changes. If you do not do this, when we do make changes to the HTML that requires changes to the CSS, you might end up with a very weird looking site, because the HTML changed, but not the CSS. You've been warned! Review Where You’ve Made Changes Did you update the theme code and now can’t remember what changes you made? Say no more! Anything you’ve made changes to will have the person with a pencil icon next to it: To see your Revision history, press the Revision history button in the top right-hand corner: Here you can see exactly how many changes were made, and how long ago. You can also Restore this file to its original version, or Blast away all local changes and revert to system theme file if you’d like to get updates each time we make improvements to the theme:

NOTE! The Theme only works for pages built using the Legacy builder, or sites that do not use our New Community Experience. If your site uses the New Community Experience and/or your pages are built using the 2.0 builder, please head to this guide (we’ve replaced the Theme with Style Guides). Customise Your Theme You want your website to stand out and be unique to your brand, right? (pssst..you do!) Well, with Simplero, you can make that happen by customising your site theme. Here's how to Edit and Customise the Theme:  Select Marketing from your Simplero Dashboard. Choose Main website from the dropdown menu. Select the three dots next to Configure tab and choose Theme: Select the blue Customize theme button: You'll be directed to the theme customizer interface, which looks like this:  From the customizer interface, you can edit several areas of your website: Colour - You can change the colour of your Background, Text, Buttons, Header, Footer, and Sidebar. When you click on the option you want to change, then a colour screen will pop up. From here, you can either type in your colour code, scan for your preferred colour, or select Accent colour, Background colour, Button colour or Text colour. NOTE! Success Accent colour is the "complete lesson" button found in course lessons. The heading colour updates the module names, not lessons. Typography - You can change the font of your Headings and Body text, and choose which font to use for your buttons: Navigation - You can choose the Location (Top or Side), change the Appearance, add a Logo image, Favicon Icon, and a Call to Action, and choose your Header options: Announcement Banner - You can add a banner at the top of your site to announce a new offer, blog post, lead magnet, etc: This is what it looks like in real-time: Footer - You can choose the Style, add a Logo image and choose to show Payment methods or your Address: Cookie consent - You can design the Position, Layout and Colour of your Cookie Banner here: Sidebar - You can choose the viewing options (Visible, Position) and add Content to the sidebar: Blog and Products - You can show the sharing button for blogs and products: Assets - Add any Additional CSS or Javascript Files here. Make sure to save your edits by clicking the blue Save changes button!

The Save as Template feature can save you time when you're creating your Website pages, Membership sites and Landing pages. Saved templates are available account-wide on any site page and landing page regardless of the theme they were created on. NOTE! This guide only relates to saving sections as templates in the Legacy Editor (it won’t work for pages that use the 2.0 Builder). To learn how to save your sections as templates (now called Blocks) on the new builder, head to this guide. To Create a Template From your Website Pages, Membership Sites, or Landing Pages: Click on the blue Edit button located in your Pages tab and to the right of each page title: You will then be taken to Editor mode. In Editor mode you have the option to edit, add and remove the various sections your page consists of:   In this example, you will see the tab for Sections which has Hero, Sharing and Text: Let’s say for example you really like the format of the Hero and/or Text section and you want to be able to use the same Section on another site/page later such as your Landing Page and/or Membership Site. Well, this is where the “Save As Template” feature is useful. Here’s how: For this example, select the Hero section:   Scroll all the way to the bottom on the left side of the page and select Save as template: A pop-up screen will appear, type the name for the template and click the blue Save template button: You now have a template of your Hero section to use again later. NOTE! You can save any of the sections you may have on your site/page as a template by simply following the steps above. To Use your Template In any of your pages, select the + Add Section: Select the Templates tab: Select the section you just saved as a template: Click Add button to add it to your site/page: The section is now part of your site/page and you’re all set to make any additional edits to the section: Make sure to click on the Save changes button when you’re done! Deleting Templates Select the pencil next to the name to 'edit' the template: Then you'll see a pop-up that allows you to delete it:

Effortless site navigation gives your customers the best experience when they visit your website and helps reduce bounce rate! Read on for all you need to know to build your site navigation in Simplero.  NOTE! This guide covers how to edit the Navigation for sites on the Legacy Experience. If your site uses the New Community Experience, head over to this guide. In this guide, we cover: How to Configure Footer Navigation How to Create a Navigation List How to Edit a Navigation List How to Delete a Navigation List How to Configure Dropdown Menus Footer Navigation All websites include an editable Footer navigation. You can add links to the footer navigation, just like other navigation lists, but the included footer navigation comes preset with two links: Terms and conditions - this link will take visitors to a page with the terms you set up in your settings. Customer service - this link will open up the email service on the user's computer and autofill the "to" field with your email. You can edit that email address through your account settings. These links will show up on the Default Footer for your website (wherever it’s used). Create a New Navigation List Select Marketing from your Simplero Dashboard. Choose Main website from the dropdown menu. Select the three dots next to the Configure tab and choose Navigation from the dropdown. In the upper right corner, click the blue Create new link list button: Give your navigation list a Name and Handle. The handle is important as it's a key used to refer to this navigation list from within your theme: Add the Links you want by selecting the + Add link button. Type in a Label and select a Link to a page from the drop-down menu: Repeat steps 6 and 7 until all Links to pages are added. Select the blue Create navigation list button when done. You can also do this for your membership sites under Content >> Membership Sites >> click the three dots >> Navigation. Use a Navigation List To use the navigation list you've created, you'll need to edit your theme. Then in the footer section, you can add and select your navigation list.  Edit a Navigation List Select Marketing from your Simplero Dashboard. Choose Main website from the dropdown menu. Select the three dots next to the Configure tab and choose Navigation from the dropdown. From your Navigation Lists screen, select the list you want to edit or click the white Edit list button. You'll be taken to the creation screen: From the creation screen, you can change the Name, Label names, Add new links, and even remove a label by selecting the blue trashcan icon to the right of the label you want to remove. Click the blue Save changes button. You can also do this for your membership sites under Content >> Membership Sites >> click the three dots >> Navigation. Delete a Navigation Link Select Marketing from your Simplero Dashboard. Choose Main website from the dropdown menu. Select the three dots next to the Configure tab and choose Navigation from the dropdown. From your Link list dashboard select Edit list:    5. You will be taken to the creation screen.    6. From the creation screen, click the blue trashcan icon to the right of the label you want to remove: Click the blue Save changes button. You can also do this for your membership sites under Content >> Membership Sites >> click the three dots >> Navigation. Create a Dropdown Menu To use this new feature, you need to first create a dropdown folder.  Do this from the Page editor, the same way you add a page to your Site. Click + Add and choose Folder: Drag it to represent the menu order you'd prefer.  Drag Subpages under it. NOTE! The dropdown folder is not a page itself. It only contains pages. Any existing top-level pages need to go under the new dropdown folder.   If you click on the name of your dropdown folder (from the public view) you can choose a page from the folder to navigate to. It works exactly the same way on both websites and membership sites.    Use Dropdown Menus Instead of a Sidebar Turn off the sidebar menus by customizing the theme settings. If you have sidebar enabled and you want to remove it, you'll need to turn it off in two places: On the individual page under the Page Settings: Or in the Theme for the site under the Sidebar section: We wanted to provide the option to have both a dropdown and sidebar for those who prefer it that way. If you have subpages and are using a sidebar, you'll still see that. We didn't want to surprise anyone by moving their pages around!   Drag Subpages to your Dropdown menu 1. If you have already-made pages and you wish to add these to your Dropdown menu then start by navigating to Websites >> Pages >> Edit menu & pages: 2. You will be taken to the editor area for your navigation.  3. Here you can drag and drop your pages into your folder by pressing and holding down the 6 grey dots to the left of your page name and dragging it under your dropdown folder: NOTE! You need to drag the sub-page so it’s indented underneath the dropdown menu (which tells the system to put the page into the folder). Here's How Dropdown Menus Look On Websites or Membership Sites: Here's How Dropdown Menus Look On Mobile Devices:    

NOTE! This guide shows you how to create a 404 page on the Legacy Builder. To create a page on the 2.0 Builder, head to this guide instead. A '404 Page Error' or 'Not Found Error' is the web page that's displayed when a person tries to go to a page that doesn't exist on a website. Maybe they made a typo when typing the web address, or maybe the page was deleted. When this happens with your Simplero website, we direct them to a default 404 error page. However, you can set your own 404 Page so that you can give your audience a customised 404 experience. Perhaps you'd like the opportunity to ask them to opt-in to your newsletter, browse your product catalog, or showcase your humour or personality 🎉 How to Set Up Your 404 Page  Decide which page on your website you want the 404 page to be. You may want it to be a page of its own that you create for this purpose, or you may just want to redirect them to your homepage or another page on your site.  If you want to redirect them to an existing page (like your home page or product catalog) for your 404, skip to point 3 below.  If you want to create a New Page for your 404, do the following: From top menu, go to Marketing and Select Main website.  Next, select the Edit menu & pages button: Choose +Add, then Page. Give it a title, then press +Add again: On the Settings for the page, make sure you check the button "Hide from Main Navigation": Add sections to the page and customize as desired: Go to the Settings for the page and set to Published: Once you’ve created your page, go to Main website >> Configure. Scroll down to Advanced >> Custom 404 Not Found Page, choose which page on your site you'd like to set as the 404 page and press Save Changes: That's it! Now when a customer tries to visit a page that isn't there, they’ll see your custom 404 page instead.

NOTE! This guide shows you how to add Social Sharing Buttons to your Email Designs and Pages in the Legacy Builder. If none of your pages are in the Legacy Builder, head to this guide instead. Social Sharing buttons (Facebook, Twitter, Instagram, etc) at the bottom of your Emails and Pages allow your customers to share those emails and pages to their social media accounts and spread the word about your amazing business 🎉 Social sharing buttons are an important way for you to generate brand awareness. NOTE! If you’re looking to add Social Media Icons to the default footer of your Website and Membership sites that link to your social media accounts, head over to this guide. Simplero offers several places to add your Social Sharing Buttons… Click on a title below to jump to that section: Site Pages Landing Pages Email Templates How to add Social Sharing Buttons to your Site and Landing Pages When you add Social Sharing buttons to your pages, you'll see buttons on the bottom of your page. These Sharing buttons will show in addition to the Social media icons you’ve already added to the bottom of your footer via your Site configuration page (see this guide). If you prefer, you can turn off the Default footer in your Page Settings so your page only shows the Sharing buttons: Website and Membership Site Pages: Head to the Site (Marketing > Main Website or Content > Membership Sites and choose the Site). Select the Pages tab. Click on the Editor button on the left next to the Page title (ie. Home or About): In the Sections tab, click the + Add section button: Find and select the Sharing section: Click the Save changes button and you're all set. NOTE! Social Media Icons and Social Sharing Buttons each serve a different purpose, so it’s valuable to include both on your pages. But sometimes you might just want to show the Social Sharing buttons on the page and hide the Social Media Icons in your Website Footer. If that’s the case, here’s how to do it… Select the Page Settings from the Editor, scroll to the Layout section and mark the Hide footer box Click the Save changes button and you'll now only see the Social Sharing buttons on the bottom of your Page (the Footer will be hidden). Landing Pages: The following steps are for landing pages using our Legacy Editor. Click here to use our 2.0 builder instead. When you add Social Sharing to your Landing page, you'll see the social sharing buttons on the bottom of your page (just like with Site pages). Here’s how to do it: Select Marketing from your Simplero Dashboard. Choose Landing Pages & Forms from the dropdown menu. Click on the Editor button to the right of the Landing Page you want to edit (make sure it uses the Legacy Editor - not 2.0): In the Sections tab, click the + Add section button: Find and select the Sharing section: Click the Save changes button and you're all set. NOTE! To hide the Social Media Icons and just show the Social Sharing Buttons on your Landing Page: Select the Appearance tab from the Editor and mark the Hide footer box: Click the Save changes button and you'll now only see the Social Sharing buttons on the bottom of your Page (the Footer will be hidden). Email Templates Select Marketing from your Simplero Dashboard. Select the Email broadcasts tab. Select the three dots in the top right corner and choose Email designs from the dropdown menu: Select a Template: Scroll down to the Social section and mark the box to Include social sharing links in emails sent to lists: Click the Save changes button and you will now see the Social Sharing button on the bottom of all emails using this template: NOTE! Sharing links will only show when the broadcast is sent to a List, since this is the only case there will be a public, sharable URL.

Social Media icons on your Pages link directly to YOUR social media accounts, so customers can connect with your business on a deeper level outside of Simplero 💥 NOTE! If you’re looking to add Social Sharing buttons that your customers can click to share your Emails on their social media accounts, head over to this guide. Why add Social Media icons to your Sites and Pages They’re another way for you to connect with your current or potential customers. Social media is more interactive than just having a website. They can show how you communicate and engage with your customers. Customers don't just want to visit your website to know who you are and what you offer — they may also go to your Facebook page, Twitter, Instagram, YouTube, etc. to find out your relationships or interactions with the community. Simplero offers several places to add your Social Media Icons: Website and Membership Site Default Footers Landing Page Default Footers (Using the Legacy Editor) It also offers a custom section for pages using the Legacy Editor called Custom Footer with Links that you can add your Social Media Icons to. Jump down the page to learn how to use the Custom Footer with Links. To use Social Media Icons as part of your Site(s) or Page(s) Footers, you must enter all your social network URLs in the Social profiles section under your Site configuration.  Here’s how… Adding Social Media Icons to your Main Site or Membership Site: This is where you’ll enter your Social profiles for Facebook, Google+, Instagram, etc. Once you've entered all or some of your social media information, you’ll see the icons on the bottom Default footer of your website (wherever you’re using it). Head to your Site (Marketing > Main Website or Content > Membership Sites and select the Site). Select the Configure tab. Scroll down to the Social profiles section and enter the links to your various social media: Facebook Profile, App ID & Page ID Instagram Youtube TikTok LinkedIn X/Twitter Pinterest Snapchat Vimeo Scroll to the bottom and click the Save changes button and your Social icons will now appear on the Default footer of your site (wherever you use that footer). Adding Social Media Icons to your Landing Page: When you create your landing page, it will automatically use the default footer from your Main Website (with the social media icons you added to the Configure tab of the site above). NOTE! You can hide the footer altogether by clicking the Appearance tab and selecting Hide footer: Using a Custom Footer with Links: Instead of using the Default Footer, Landing Pages and Site Pages that use the Legacy Editor have the option to use a section called the Custom Footer with Links instead. This section allows you to add your social media icons, custom links and custom text directly on the footer! Here’s how: On your page, press + Add section: Select Custom Footer with Links and press Add: On the left side of the page, you’ll see the following options: Hide the default site footer on this page if it is not already hidden - We automatically check this box, so you don’t end up with two footers on the same page. Padding - Adjust the padding of the footer. Use a custom socials icon colour - The colour of the social media icons will follow the Theme colours for the Page or Site, unless you change the colour here. Add/Edit/Remove Social Links and Footer Links - Customise your Social Media Icons and other links in the Footer. On the right side of the page, click on the footer directly to edit the text: Et voilà!

NOTE! This only refers to adding HTML to the Legacy WYSIWYG Editor. If you add HTML to your 2.0 pages, head to this guide. When you enter HTML code in our Legacy WYSIWYG editor, we scrub your HTML code pretty hard.  There are several reasons for this. Security. Allowing unlimited HTML brings a bunch of security risks, known as "cross-site scripting" attacks, or XSS for short. By restricting the HTML, we eliminate that. Content Spam. Spammers have long used links as a way to game Google. We prevent that from working. Because when you copy-paste content from other programs into the wysiwyg editor, it'll usually come with a bunch of markup that you don't want. MS Word is especially awful in this regard, but other software does it too. Fonts, colours, background colours, and other things that you don't want, in addition to just awful and bloated markup that introduces weird problems. By restricting HTML, we manage to remove most of the unwanted markup. You as an admin are allowed more freedom than your end customers. I hope this explains the reasoning.  

Simplero made it super easy to move your landing and site pages from the deprecated legacy editor to the new builder. To automatically migrate your page, click on the ‘Migration’ percentage button of the page: The percentage represents the number of sections that can be converted. As soon as you click on the Migration button, a new copy of your page will be created in Builder 2.0. At this point, your old page remains untouched, exactly as it was before. The new builder is now showing you side-by-side the two versions of your page. The Legacy version on the left, the new version on builder 2.0 on the right. If you go back to the landing pages page you’ll notice the new version has been created while the Live toggle is still turned off. It’s time now for you to review the sections and make any changes you need before making the actual switch. Use the builder editor on the right side to do so: Once you are ready to replace the old legacy version with the new builder 2.0 page, click on the ‘Switch’ button on the top right. Once you’ve switched to the new page, you’ll notice there’s only one copy on the Landing pages view, and it’s now showing live. Note that we will also transfer the analytics over from the legacy to the new version. Finally, if you regret the switch, you can always revert back to the legacy editor using the option ‘Revert legacy page’.