{"id":319433,"date":"2026-04-09T11:36:54","date_gmt":"2026-04-09T06:36:54","guid":{"rendered":"https:\/\/wpbrigade.com\/?post_type=docs&p=319433"},"modified":"2026-07-18T15:52:16","modified_gmt":"2026-07-18T10:52:16","password":"","slug":"how-to-add-social-accounts","status":"publish","type":"docs","link":"https:\/\/wpbrigade.com\/docs\/how-to-add-social-accounts\/","title":{"rendered":"How to Add Social Accounts"},"content":{"rendered":"\n

The Add Social Accounts<\/strong> feature in our plugin lets you add links to your social media profiles (e.g., Facebook, Twitter, LinkedIn) to your under-construction or maintenance page. <\/p>\n\n\n\n

<\/p>\n\n\n\n

This feature displays social media icons on the page, allowing visitors to connect with you while your site is being updated.<\/p>\n\n\n\n

<\/p>\n\n\n\n

In this guide, we\u2019ll show you how to easily integrate your social media accounts into your Under Construction Maintenance Mode Plugin<\/a>, keeping your visitors engaged and connected even when your site is temporarily offline.<\/p>\n\n\n\n\n\n\n\n

How to Add Social Media Icons to Under Construction Pages<\/h2>\n\n\n\n

To add social media links to your page, start by logging in to your WordPress Admin Dashboard<\/strong>.<\/p>\n\n\n\n

<\/p>\n\n\n\n

Then look for Under Construction<\/strong> in the left-hand menu and click on Customizer<\/strong>.<\/p>\n\n\n\n

\"Go\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
Go to the Customizer option – Under Construction Maintenance Mode Plugin<\/figcaption><\/figure>\n\n\n\n

Once you are in the settings area, click on the Add Social Accounts<\/strong> section from the menu on the left.<\/p>\n\n\n\n

<\/p>\n\n\n\n

Here you can enter the full web addresses (URLs) for your profiles, such as your Facebook or Instagram pages. <\/p>\n\n\n\n

\"Add\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
Add Social Accounts settings – Under Construction Maintenance Mode Customizer<\/figcaption><\/figure>\n\n\n\n

Customizing the Order and Position of Social Icons<\/h2>\n\n\n\n

Below the social links fields, you’ll find two additional controls: Social icons order<\/strong> and Social icons position<\/strong>. These let you decide which network appears first and where the icon strip sits on the maintenance page.<\/p>\n\n\n\n

Social icons order<\/h3>\n\n\n\n

The Social icons order<\/strong> panel lists all available networks (Twitter(X), Facebook, LinkedIn, YouTube, Instagram, Pinterest, Codepen, and more), each with a drag handle on the left.<\/p>\n\n\n\n

Drag and drop any network to change the order in which icons appear on the page. The order you set here is the same order visitors will see on the front end.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"Drag
Social Icons Order and Icons Position – Under Construction Maintenance Mode Customizer<\/figcaption><\/figure>\n\n\n\n

You can still leave any link field empty if you don’t want that particular icon to show. Only networks with a URL will appear, but they’ll follow the order you’ve set. This makes it easy to prioritize your most important profiles, such as putting Twitter or Instagram first.
<\/p>\n\n\n\n

<\/p>\n\n\n\n

Social icons position<\/h3>\n\n\n\n

The Social icons position<\/strong> control lets you choose where the social icon strip appears on the maintenance page layout.<\/p>\n\n\n\n

Use the position selector (the four dots around the square) to place icons at the top, bottom, left, or right of the main content area.
<\/p>\n\n\n\n

Select Placement of Social Icons<\/em><\/p>\n\n\n\n

<\/p>\n\n\n\n

This gives you flexibility to match your design, for example, placing icons at the bottom for a classic footer-style look, or on the right side if you want them more prominent.<\/p>\n\n\n\n

After adjusting both order and position, use the live preview in the Customizer to confirm everything looks correct, then click Publish<\/strong> to save your changes.
<\/p>\n\n\n\n

As soon as you paste in a link, the matching icon will automatically appear on your maintenance page. <\/p>\n\n\n\n

<\/p>\n\n\n\n

When you are finished adding your accounts, click the Save Changes<\/strong> button at the bottom to make your social icons live.<\/p>\n\n\n\n

What Happens Next?<\/h2>\n\n\n\n

Once saved, your social media icons will appear on the maintenance or coming-soon page, giving visitors easy access to your social media profiles.<\/p>\n\n\n\n

\"Social\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
Social Media Icons on Frontend – Under Construction Maintenance Mode<\/figcaption><\/figure>\n\n\n\n

Tips for Adding Social Accounts<\/strong><\/p>\n\n\n\n