Social Icons in GoHighLevel

/ CRM, GHL / By

How to Add Social Media Icons in GoHighLevel

If you use ClickUp to manage your marketing tasks and you are building sites or funnels in GoHighLevel, adding social media icons is an easy way to connect visitors to your profiles. This walkthrough explains how to add, edit, and style social icons inside the page builder so you can keep your branding consistent and drive more engagement from every page.

The instructions below are based on the official GoHighLevel support documentation for social media icons and adapted into a clear, step-by-step how-to guide.

Understanding GoHighLevel Social Media Icons

In GoHighLevel, social media icons are special elements you can drop into a page or section inside the funnel or website builder. Once added, you can configure them to link to your social profiles and match your design using different layouts and styles.

The social media icons element supports multiple platforms. Each icon can be connected to its own URL so visitors can quickly navigate to the social channels that matter most for your business.

Where Social Icons Appear in GoHighLevel

You can place social icons almost anywhere inside the GoHighLevel page editor, including:

  • Headers and navigation bars
  • Footers for global social links
  • Contact or About sections
  • Thank-you pages and confirmation steps
  • Sidebars or narrow columns in multi-column layouts

Because the icons are treated as a standard element in the GoHighLevel builder, you can drag and drop them into any row or column alongside text, buttons, or images.

How to Add Social Media Icons in GoHighLevel

Follow these steps to add social media icons to a page or funnel step in GoHighLevel:

  1. Open the site or funnel:
    Navigate to your Sites or Funnels area and open the specific page or step you want to edit.
  2. Launch the page builder:
    Click to edit the page so the visual editor loads.
  3. Locate the social icons element:
    On the left-side elements panel, find the Social Icons element (usually listed with other content blocks and media elements).
  4. Drag and drop the element:
    Drag the Social Icons element into the row or column where you want your icons to appear.
  5. Click to edit settings:
    After placing the element, click it to open the settings panel on the right side of the editor.

Once the social media icons are placed on your GoHighLevel page, you can configure platforms, links, and design options as described in the next section.

Configuring Social Icons in GoHighLevel

The social icons element in GoHighLevel includes multiple configuration options. These allow you to choose which networks to display, what URLs to use, and how the icons look on the page.

Selecting Social Networks in GoHighLevel

Inside the element settings, you will see a list of supported social platforms. The exact platforms provided match the current options defined by GoHighLevel and may include popular networks such as:

  • Facebook
  • Instagram
  • Twitter / X
  • LinkedIn
  • YouTube
  • Pinterest
  • Other supported social profiles depending on updates

To control which icons appear:

  1. Toggle each social platform on or off based on what you use.
  2. Reorder icons if sorting options are available in the current version of the builder.

Adding Social Profile URLs in GoHighLevel

For each icon, GoHighLevel allows you to specify a custom URL. This ensures users are sent to the exact profile or page you want them to visit.

To add or edit a profile URL:

  1. Click the individual social icon inside the element settings.
  2. Find the URL or Link field.
  3. Paste your full profile link (for example, https://www.facebook.com/yourpage).
  4. Save or apply the changes.

Repeat these steps for every social network you choose to display. Make sure each link is accurate and tested so visitors are not redirected to the wrong page.

Styling Social Icons in GoHighLevel

GoHighLevel provides style controls for the social icons element so you can match your site or funnel design. From the settings panel, configure the following appearance options, depending on what is available in the current builder version:

Icon Layout and Alignment

Use the layout controls in GoHighLevel to decide how the social icons are arranged:

  • Horizontal row: Ideal for headers and footers.
  • Vertical stack: Good for sidebars and narrow columns.
  • Center, left, or right alignment: Adjust the alignment to match surrounding content.

Size, Spacing, and Colors

Inside the style or design tab for the social icons element, you can usually customize:

  • Icon size: Increase or decrease the overall icon size for better visibility.
  • Spacing: Adjust the gap between individual icons.
  • Colors or theme: Use brand colors if supported, or keep default social colors for quick recognition.

These visual settings allow your GoHighLevel pages to keep a cohesive and professional look while still highlighting important social channels.

Best Practices for Social Icons in GoHighLevel

To get the most value out of social media icons inside GoHighLevel pages, follow these recommended practices:

  • Place icons where visitors expect them: Common locations include the site header and footer.
  • Limit to active platforms: Only display networks you actually use and update.
  • Test all links: After publishing, click every icon to confirm it points to the correct profile.
  • Maintain consistent branding: Keep icon styling aligned with your overall color palette and typography.
  • Use on key funnel steps: Add icons to thank-you pages and confirmation screens to encourage visitors to follow you after converting.

Publishing and Testing Your GoHighLevel Icons

When your social icons look correct in the GoHighLevel builder, complete these final checks before going live:

  1. Save your changes: Click Save in the editor to avoid losing updates.
  2. Preview the page: Use the preview option to see how icons display on desktop and mobile layouts.
  3. Check responsiveness: Confirm icons resize and align correctly on different screen sizes.
  4. Publish or update: Once everything is verified, publish the funnel step or website page.
  5. Test on a live URL: Open the live page in a new browser window and click each icon to ensure they open the right social profiles.

Additional Resources for GoHighLevel Users

For more detail directly from the platform, you can review the original GoHighLevel documentation for social media icons at this support article. It provides the official, up-to-date reference from the product team.

If you need broader strategy help around funnels, CRM, or marketing automation implementations built on GoHighLevel, you can also explore expert consulting resources at Consultevo.

By following the steps in this guide and using the available design controls in GoHighLevel, you can quickly add polished social media icons to any page, encourage more follows, and help visitors stay connected to your brand across all major platforms.

Need Help With ClickUp?

If you want expert help building, automating, or scaling your GHL , work with ConsultEvo — trusted GoHighLevel Partners.

Scale GoHighLevel

“`