Knowledgebase
Act.com
Deutsch Français

How to add, edit, and remove social media links in a Drag & Drop template in Act! Marketing Automation

  • Updated
Question: How do I add, edit, or remove social media links in my Drag & Drop template in Act! Marketing Automation?

    Product Details:
  • Product Family: Emarketing
  • Product: Act! Marketing Automation



Answer:

Social blocks will allow you to insert social media icons that link to the social media pages that you manage so that your viewers can know where to follow you. Additionally, Social blocks can be used to insert social share links that can be associated with any URL, allowing your viewers to easily click or tap to share the URL associated with the social share link.

Adding a Social block to a template

Before you can start adding social links in your template, you need to add a Social content block to a row in the template. To do this:

  1. From the Templates screen in Act! Marketing Automation, open the template you wish to add social links to
  2. If you do not already have a row you’d like to add social links to, add one. For information about adding and managing rows, refer to the following knowledgebase article:

    How to add, edit and remove rows using the Drag & Drop template editor in Act! Marketing Automation

  3. If not already selected, on the right-hand side of the editor, click the Content tab
  4. From the Content tab, click and drag the Social content block over the template layout

    Note: A thick blue line with the words “Drag it here” will appear when you have dragged it over a place where you are able to drop it.

  5. Drop the Social content block in the desired row
  6. Click the Save button

Once you’ve added the Social content block, you will need to associate links to your social media pages to the social media icons. You may also find that the default options do not suit your needs and that you need to add and/or remove social media platforms from the social block. For more information, refer to the “Editing social content properties and block options” section of this article.



Editing social content properties and block options

Content properties for Social blocks allow you to configure the links to your social media pages. Additionally, you can add and remove social media platforms, add share links, change the style of the icons that are being used, and configure the positioning of the icons on the screen.

For instructions on editing these properties, click to expand sections below, depending on what changes you’d like to make



Adding or editing URLs associated with social media icons

  1. In the template editor, click the Social media block you wish to edit
  2. In the Content tab, under Configure icon collection, enter the link to your page into the Url field for the appropriate social icon

    Note: If you don’t see an icon for the desired social media platform, you will need to add it

  3. If desired, enable the More Options switch to customize the following options:
    • Name: The text that will appear when a mouse hovers over the icon. By default this is the name of the social platform.
    • Alternate Text: This text describes what the image of the social icon is. This is used by screen readers to describe images to recipients who require the use of assistive technology to read the contents of their screen. This is also used in the event that images are blocked for your viewer. By default, this text is the name of the social platform.
  4. Click the Save button when done


Adding a new social media icon to a template

  1. In the template editor, click the Social media block you wish to edit
  2. In the Content tab, below the list of social icons that are already in the template, click “Add new icon”
  3. From the Social Follow section, select the icon for the social media platform you wish to add
  4. Enter the link to your page into the Url field for the new icon
  5. Click the Save button when done


Removing a social media icon from the template

  1. In the template editor, click the Social media block you wish to edit
  2. Locate the social media icon you wish to remove, then click Delete in the bottom right corner for that icon
  3. Click the Save button when done


Changing the style of the icons

  1. In the template editor, click the Social media block you wish to edit
  2. In the “Select icon collection” drop-down, choose the icon set you wish to use
  3. Click the Save button when done


Adding a social share link

Social share links are a great way to encourage your viewers to share your content on their own social pages, extending your reach outside your own viewer base. This is ideal if you wish to drive traffic to your template, your own social media page, any other webpage that is instrumental to your business. To add a social share link:

  1. In the template editor, click the Social media block you wish to edit
  2. In the Content tab, below the list of social icons that are already in the template, click “Add new icon”
  3. Click Social Share, then click the social media platform you want your users to be able to share your content to
  4. To allow users to share the template, leave the Url field unchanged, or enter the link to the page you would like your viewers to share on their own social media page
  5. Click the Save button when done


Changing the order of the social icons

  1. In the template editor, click the Social media block you wish to edit
  2. In the Content tab, locate the social icon you wish to move
  3. Click the multi-lined icon to the left of the social media logo, and drag it into the position you want it to be in
  4. Click the Save button when done


Changing the positioning of social icons on the template

  1. In the template editor, click the Social media block you wish to edit
  2. In the Content tab, make the desired positioning changes, then click the Save button when done

    The following positioning options are available:

  • Align: Allows you to align the social icon links to the left, to the center, or to the right side of the template
  • Icon spacing: Allows you to determine the amount of space that exists between each social icon
  • Padding: Allows you to set the amount of space between the edges of the social block and the row. This can be done proportionally on all sides at one time, or the padding for each side can be changed individually by ensuring that the “More options” setting is selected
  • Hide on mobile: Allows you to keep the selected Social block from appearing when someone views your template on a mobile device


Moving, duplicating, or deleting Social blocks

  • Moving a Social block: With the desired Social block selected, click and hold the move icon and drag it to the new position
  • Duplicating a Social block: With the desired Social block selected, click the duplicate icon to insert a duplicate of the Text block below the original Text block
  • Deleting a Social block: With the desired Social block selected, click the trash can/delete icon read the warning stating that it cannot be undone, and if you’re sure, click Delete

Related articles