Social Widgets are elements you can add to your website pages to redirect users to your social media accounts. These widgets support platforms like Facebook, Twitter, YouTube, Instagram, LinkedIn, Pinterest, Vimeo, TikTok, Discord, Spotify, Telegram, WhatsApp, Soundcloud, and your website.
In this article, we will learn how to add and manage Social Widgets on your LearnWorlds pages.
Add the Social Widget
To add a Social Widget:
1. Go to Website → Design → Edit Website.
2. Choose the page you want to edit from the Pages Manager.
3. Click on the +Add section to add a pre-built Media & Text section (which includes social) or click on the +icon /+Add Widget if you want to add a Social widget individually as an element in your existing sections.
Edit a Social Widget
If you wish to edit your Social widget, click on Edit Social Links to adjust the fields below, on the right sideform:
- Appearance & Alignment: You can display and switch the socials' layout and choose among many templates as well as select the widget’s Alignment.
- Social links: You are able to set the On click action per social icon, you can completely disable it or ever re-order the Social links list.
How to connect Social links
To connect the social links with your social accounts, you need to:
1. Go to Settings → School info.
2. Scroll down and find Social details.
3. Add the URL of your social accounts.
4. Then, you can go to the page where you have added the social links, press on the social widget and Edit Social links, click on the On click option on the social account you wish, and click on Go to → Social link and add the social option, so that you can redirect the user to the specific social account.
Since the Vimeo and TikTok option is not available under the School info, you need to add the URL of your Vimeo/TikTok account in the On click option within the sideform.
-After adding a widget, you may want to make alterations to the widgets' general settings, actions, and layout settings in the editing Sideform. -You can also add the Social Widget in your Footer, as explained here.