Current Lesson
Course Content
Course Content

Social Sharing Image

Social Sharing is used to control how your content will display on social networks such as Facebook, Twitter, Instagram, Google+, etc. when you use your social network URL within your Sites and/or Pages.

Simplero provides you with several places to use a Social Sharing Image:

  1. Landing Pages (full themed)
  2. Email templates (no image - you can turn on and off the icons but not customize)
  3. Membership Site Page
  4. Website

Here are the things you need to do first:

  1. Select an image you want to use as your Social Sharing image
  2. Configure the image to make sure you're using the recommended size
  3. We recommend the size for the image is 1200 x 628 and Facebook requires that your image is at least 200 x 200
  4. Upload your image to your Media Library
  5. If you don't select an image, the first image in your social network content will be used if there is one available. 

Remember: When you use Social Sharing as part of your Site(s) or Page(s), you will see the different Social Network Icons on the Footer of your website/page. You can enter all your social network URLs in the Social profiles under your Site configuration. See this guide.

Please note: You have to be logged in to Facebook, Google+, Tweet, etc. in order to preview your Social Sharing Image

Now Let's Set Up Your Social Sharing!

Landing Pages: Full Themed

  1. Select Landing pages from your Simplero Dashboard



  2. Click the Editor button next to the Landing Page Name

    Editor_button_for_landing_page
  3. You will be taken to the Editor page. Select the Sections tab and click the + Add section button


  4. Scroll down to the Social section, select the Sharing tab and click the Add button

    Social_section_add_Sharing
  5. Click the Save Changes button
  6. You will now see the Social Sharing Icons on your Landing Page

  7. Now let's upload your Social Sharing Image. Click on the Back to Landing Page Settings on the top left-hand corner 

    Back_to_landing_page_settings.png

  8. Select the Settings icon



  9. Scroll down to the Search engines and social section. In the Meta image area, click on Choose to add your image



  10. The Choose media file screen will open. Choose the image from your media library that you'd like to show for your Social Media. If you don't select an image, the first image in your content will be used if available. Recommended size for the image is 1200 x 628. Must be at least 200 x 200 to be accepted by Facebook.
    Choose_media_file.png

  11. Scroll down and click Save changes button
  12. Now let's look at where your Social Sharing Image has been applied and will appear
  13. Click the View button on the top right corner to preview your Landing Page

  14. You'll see the Social Network icons on your Landing Page

    Please note
    : You must be logged in to Facebook, Google+, Tweet, etc. in order to preview your Social Sharing ImageIf you want to share your Landing page to your Social Media Network, simply click one of the Social Network icons and follow their instructions on how to post. 

Email Templates

  1. Select Broadcasts from your Simplero Dashboard and then select the Email templates tab
     

  2. Select a Template 

    Select_email_templates_for_social_sharing
  3. Scroll down to the Social section and mark the box to Include social sharing links in emails sent to lists

    Social_sharing_links_in_email_templates

    Note: You can turn the Social Sharing notification on/off by checking this box, but you cannot customize it.

  4. Click the Save changes button and you will now see the Social Sharing button on the bottom of your email

    Social_sharing_button_in_email_templates
  5. If you want to share your email to your social network, simply click one of the Social Network icons and follow their instructions on how to post. 

 
Membership Site Page

  1. Select Membership sites from your Simplero Dashboard



  2. Choose the Pages option on the Membership site you wish to edit


  3. Click the Editor button to the left next to that page name 


  4. You will be taken to the Editor page. In the Sections tab, click the Add section link 

    Add_Social_Sharing_Section_to_Pages
  5. Scroll down to the Social section, select the Sharing tab and click the Add button

    Social_section_add_Sharing
  6. Click the Save Changes button
  7. You will now see the Social Sharing Icons on your Membership Site Page


  8. Now let's upload your Social Sharing Image. Click the Back to Site Admin button on the top left-hand corner

    Back_to_Site_Admin.png
  9. Click the Configure tab



  10. Scroll down to the Meta data section. In the Default image, click on Choose to add your image

    Meta_data_section_from_membership_site.png

  11. The Choose media file screen will open. Choose the image from your media file that you'd like to show for your Social media share

    Choose_media_file.png

  12. Scroll down and click Save changes button
  13. Now let's look at where your Social Sharing Image has been applied and will appear
  14. Click the View homepage button on the top right-hand corner to preview your Membership site



  15. You'll see the Social Network icons on your Membership Site Page.
    Please note: You must be logged in to Facebook, Google+, Tweet, etc. in order to preview your Social Sharing Image

    Membership_site_page_with_social_network_icons
  16. If you want to share your Membership site to your Social Media Network, simply click one of the Social Network icons and follow their instructions on how to post. 

Website

  1. Select Website from your Simplero Dashboard 



  2. Click on the Editor button on the left next to the Page title (ex. Home or About)


  3. You will be taken to the Editor page. In the Sections tab, click the Add section link 

    Add_Social_Sharing_Section_to_Pages
  4. Scroll down to the Social section, select the Sharing tab and click the Add button

    Social_section_add_Sharing
  5. Click the Save Changes button
  6. You will now see the Social Sharing Icons on your Site Page


  7. Now let's upload your Social Sharing Image. Click the Back to Site Admin on the upper left-hand corner 

    Back_to_Site_Admin.png
  8. Click the Configure tab



  9. Scroll down to the Meta data section. In the Default image, click on Choose to  add your image

    Meta_data_section_from_membership_site.png

  10. The Choose media file screen will open. Choose the image from your media file that you'd like to show for your Social media share

    Choose_media_file.png

  11. Scroll down and click Save changes button
  12. Now let's look at where your Social Sharing Image has been applied and will appear
  13. Click the View site button on the top right-hand corner to preview your Membership site

    View_site_for_Site_Page.png

  14. You'll see the Social Network icons on your Site Page.
    Please note: You must be logged in to Facebook, Google+, Tweet, etc. in order to preview your Social Sharing Image


  15. If you want to share your website to your Social Media Network, simply click one of the Social Network icons and follow their instructions on how to post. 

Is your social sharing image not displaying correctly on Facebook?  Follow the steps in this guide about the Facebook debugger tool.

Last updated 6 Jan 2021.