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. Site Page

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

    Landing_Pages.png

  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

    Add_section_for_social_sharing
  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

    Social_sharing_in_pages
  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 tab

    Landing_Page_Settings_Tab.png

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

    Search_engines_and_social_section.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 button on the top right corner to preview your Landing Page

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

    Social_sharing_in_pages
    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 Landing page to your Social Media Network, simply click one of the Social Network icons and follow their instructions on how to post. For example, when I click the G+ Share or F Share a window will open that looks like this:

    Sample_G_Share_Social_Network_with_image       Sample_Facebook_Share_with_image

Email Templates

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

    Broadcasts_then_Email_templates.png 

  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

    Membership_sites_tab.png

  2. Choose a Membership site
  3. Select the Pages tab

    Pages_from_membership_site.png

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

    MembershipSiteSocialShare

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

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

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

    Social_sharing_in_pages
  9. 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
  10. Click the Configure tab

    Configure_tab_from_Membership_site.png

  11. 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

  12. 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

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

    View_site.png

  16. 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
  17. 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. For example, when I click the G+ Share or F Share a window will open that looks like this:

    Sample_G_Share_Social_Network_with_image       Sample_Facebook_Share_with_image

 

Site Page

  1. Select Website from your Simplero Dashboard and then select the Pages tab

    Website_then_Pages_tab.png

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

    Editor_button_in_pages
  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

    Social_sharing_in_pages
  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

    Configure_Site_page.png

  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

    Membership_site_page_with_social_network_icons
  15. If you want to share your Site Page to your Social Media Network, simply click one of the Social Network icons and follow their instructions on how to post. For example, when I click the G+ Share or F Share a window will open that looks like this:

    Sample_G_Share_Social_Network_with_image       Sample_Facebook_Share_with_image

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

Last updated 29 Apr 2019.