Social Icon
Use Social Icon to link visitors to social profiles or community pages.
Content settings
| Setting | What it controls |
|---|---|
| Icons | Add, remove, reorder, and choose social icons. |
| Link | Destination URL for each icon. |
| New tab | Opens the link in a new tab when enabled. |
| Enable text | Shows text beside or below the icon. |
| Link text | Optional text label for each icon. |
| Color type | Official brand color or custom color. |
Style settings
| Style area | What you can adjust |
|---|---|
| Icons | Size, padding, spacing, row gap, and animation. |
| Colors | Official colors or custom foreground/background colors. |
| Layout | Columns, alignment, icon text position, and icon text gap. |
| Border | Border style, radius, and hover state. |
Best practices
- Use official colors when recognition matters.
- Use custom colors when matching a strict design.
- Test every social URL before publishing.
FAQ
When should I use this page?
Use this page when you need a quick reference for this Atomicat feature and want to understand what it changes before editing or publishing. It is especially useful while reviewing a page, funnel, quiz, lead flow, product setup, video configuration, or account setting. For Social Icon, keep a short checklist of the fields you changed and test the result in the same browser session.
Do I need to configure this before publishing?
Configure it before publishing whenever the feature affects visitor behavior, tracking, SEO, forms, embeds, checkout, or access. If the feature only changes internal organization, review it before launch so your team can manage the campaign consistently. For Social Icon, keep a short checklist of the fields you changed and test the result in the same browser session.
Can this affect live pages?
Yes, some settings can affect live pages after saving or publishing. Always preview the page, test the main action, and confirm desktop and mobile behavior before sending paid traffic or sharing the URL. For Social Icon, keep a short checklist of the fields you changed and test the result in the same browser session.
What should I check if something looks wrong?
Check the page status, project access, saved revisions, browser cache, connected domain, and any related integrations. If the feature depends on a plan, permission, or enabled module, confirm that your workspace has access. For Social Icon, keep a short checklist of the fields you changed and test the result in the same browser session.