##  [Social Links](/hc/documentation/learn-dxpr-builder/drag-and-drop-elements/social-links) 















Link your social media accounts to your website to raise awareness and gain more followers.

Follow the steps below to start using the Social Links element in your website:

1. Click on the **+** icon
2. Go to the **Content** tab
3. Click on the **Social Links** element
4. Enter the social brands and URLs in the **Social Links** field, for example Facebook='https://www.facebook.com/'
5. Set the **Layout** of the links to either **Inlined** to **Stacked**
6. *Optionally,* select an option for the **Style** of the links
7. Select an option from the **Size** setting to select from preset link sizes
8. *Optionally,* you can select a **CSS3 Hover Effects** to **Disc** or **Pulse**
9. Once you’ve selected your preferred settings, you can click on **Save Changes** and you're done!


### Customizing your icons

1. Go to the **Icons Color** tab
2. Select a color for the icons in the **Color** option
3. **Brand** color option will use the color of the social account
4. **Custom** color allows you to choose any color
5. **Inherit** will match the icon with your website's color scheme
6. Select a background color for the icons in the **Background Color** option
7. Set a color for the **Hover** settings
8. Set a color for the **Border** settings
9. Once you’ve selected your preferred settings, you can click on **Save Changes** and you're done!