Skip to main content
  1. Thought Industries
  2. Design
  3. Widgets
  • Updated

Contact Block

  1. Jump to

  2. Use Case Information
  3. Add Contact Blocks on Layouts
  4. Add Contact Blocks on Custom Pages

This article explains how to add and customize the Contact Blocks widget to your instance on Standard Layouts and Custom Pages.

Use Case Information

Give your learners an efficient option to reach out for questions or assistance. You can add a Mail To Link for direct assistance, or lead users to a Support page instead.

Add and Customize Contact Blocks on Standard Layouts

Adding and customizing Contact Blocks is very similar on Layouts and Pages. This section explains the process for Standard Layouts.

  1. From your homepage, select Site > Site Builder.
  2. In the left menu, select Layouts. 
  3. Choose from the provided default page layouts.
  4. Select Actions and then Edit from the dropdown.ContactBlock_Layouts_AdminView.gif
  5. There are several options to customize for each Contact Block:
    • Contact Image
    • Contact Description
    • Contact Name
    • Subtitle
    • CTA Button Text
    • CTA Action
      • Mail To Link
        • Contact Email
      • Other URL
        • URL
    • Background Color
    • Text Color
  6. Once a Contact Block is filled out, click Save.
    ContactBlockWidget_CreateWidget_AdminView.png
  7. After saving, edit the settings for the widget by clicking the Pencil Icon at the top left of the widget.

Tip

After making updates to your layout design, we always recommend viewing the final product from a learner's perspective to get the full effect.

Add and Customize Contact Blocks on Custom Pages

Adding and customizing Contact Blocks is very similar on Layouts and Pages. This section explains the process for Custom Pages. 

  1. From your homepage, select Site > Site Builder.
  2. In the left menu, select Pages.
  3. Locate the page that you want to alter, and click Actions, then Design.ContactBlockWidget_CustomPage_AdminView_GIF.gif
  4. There are several options to customize for each Contact Block:
    • Contact Image
    • Contact Description
    • Contact Name
    • Subtitle
    • CTA Button Text
    • CTA Action
      • Mail To Link
        • Contact Email
      • Other URL
        • URL
    • Background Color
    • Text Color
  5. Once a Contact Block is filled out, click Save.
  6. After saving, edit the settings for the widget by clicking the Pencil Icon at the top left of the widget.

Tip

After making updates to your page design, we always recommend viewing the final product from a learner's perspective to get the full effect.

Related articles