Add clickable social media icons to your forms and pages.

Add Clickable Social Media Icons to Events, Organizations, and Forms

 

 

You can add clickable social media icons anywhere you see a Content field (this gives you access to the rich text editor).

Tip: Anytime you see the rich text editor, you can add custom HTML.

Screenshot 2025-05-21 at 10.20.05 AM.png

 

Step 1: Make Sure You Have a Content Field

If you don’t see the rich text editor, add a Content field first.

Once added, you’ll see the formatting toolbar.

 

Step 2: Open the HTML Editor

  1. In the rich text editor, click the HTML button (</>).

  2. Paste the icon code (see below).

  3. Replace https://www.paste-your-site-here.com with your actual social media link.

  4. Click the </> button again to exit HTML mode.

 

Step 3: Save Your Changes

Scroll to the top of the page and click Save.

 

Want to add your own image or icon? 

We recommend uploading your image to a free hosting sight like https://imgbb.com/. You need to select a Direct Link for the image to show up on your form. 


Copy and paste the social icon HTML snippets below so they look consistent and sit nicely in a row.

 

Facebook

<p><a href="www.paste-your-site-here.com" target=""><img src="https://i.ibb.co/Z6Y3m61g/3.png"></a></p>

 

YouTube

<a href="www.paste-your-site-here.com" target=""><img src="https://i.ibb.co/0RZq25BH/6.png"></a></p>

 

What's App

<a href="www.paste-your-site-here.com" target=""><img src="https://i.ibb.co/d0S75Kbb/5.png"></a>

 

LinkedIn

<a href="www.paste-your-site-here.com" target=""><img src="https://i.ibb.co/WpWKG9k4/4.png"></a>

 

Instagram

<a href="www.paste-your-site-here.com" target=""><img src="https://i.ibb.co/3YMnh9hn/9.png"></a>

 

X

<a href="www.paste-your-site-here.com" target=""><img src="https://i.ibb.co/5WhhVNGr/1.png"></a>

 

Twitter

<a href="www.paste-your-site-here.com" target=""><img src="https://i.ibb.co/7d4TB8D5/8.png"></a>

 

Tiktok

<a href="www.paste-your-site-here.com" target=""><img src="https://i.ibb.co/ymxgr3KJ/7.png"></a>

 

 

BlueSky

<a href="www.paste-your-site-here.com" target=""><img src="https://i.ibb.co/PGttm7Pq/2.png"></a>

 

Twitch

<a href="www.paste-your-site-here.com" target=""><img src="https://i.ibb.co/4wjsXLn5/3.png"></a>

 

Threads

<a href="www.paste-your-site-here.com" target=""><img src="https://i.ibb.co/LzgrY099/2.png"></a>

 

GroupMe

<a href="www.paste-your-site-here.com" target=""><img src="https://i.ibb.co/TDzH6QnR/1.png"></a>

 

Vevo

<a href="www.paste-your-site-here.com" target=""><img src="https://i.ibb.co/mVn5dZXy/4.png"></a>

 

Want to Use Your Own Icon?

  1. Upload your image to a public image host.

  2. Copy the direct image link (must end in .png, .jpg, etc.).

  3. Replace the src= URL in one of the snippets above.

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

0 comments

Please sign in to leave a comment.