Why Your Under Construction Page Social Icons Aren't Showing (And How to Fix It)
Content
If you've set up your Under Construction page but the social media icons are missing, displaying as broken rectangles, or only appearing on certain devices, you're not alone. This is a common issue reported by many users. Based on community support threads, the causes are almost always related to one of a few specific configuration problems.
Common Reasons Social Icons Don't Appear
User reports and solutions from the 'Under Construction' plugin forums point to several recurring themes:
- WWW vs. Non-WWW URL Mismatch: This is the most frequent cause. If your WordPress address is set to
https://example.combut someone visitshttps://www.example.com(or vice-versa), the browser will treat these as different domains for security reasons. This can block the icon font from loading properly on one version of the URL. - Ad Blockers: Browser extensions designed to block ads and trackers can sometimes mistakenly prevent the social media input fields from rendering in the plugin's settings area or stop the icons themselves from displaying on the front end.
- CSS Conflicts: A theme or another plugin might be applying CSS rules that hide the social icon container or break its layout, making the fields in the admin area appear missing.
- Caching: Aggressive caching, either on your site, in your browser, or on a social media platform (when sharing a link), can serve an old version of the page without the icons.
Step-by-Step Troubleshooting Guide
Follow these steps to diagnose and resolve the issue.
1. Check Your WordPress URL Settings
The single most important step is to ensure consistency between your WordPress settings and the URL people use to visit your site.
- Go to WordPress Admin → Settings → General.
- Check the WordPress Address (URL) and Site Address (URL) fields.
- Decide whether you want to use the
wwwor non-wwwversion of your domain (e.g.,https://www.yoursite.comorhttps://yoursite.com). - Set up a 301 redirect from the non-preferred version to the preferred one. This is typically done in your
.htaccessfile if using Apache or within your hosting control panel's redirect tool. This ensures everyone always lands on the correct URL.
2. Disable Your Ad Blocker
If the input fields for social media URLs are completely missing in the 'Under Construction' settings (Under Construction → Content tab, at the bottom), try temporarily disabling any ad-blocking or script-blocking browser extensions (e.g., uBlock Origin, AdBlock Plus). Refresh the page. If the fields appear, you've found the culprit. You may need to whitelist your WordPress admin site in your ad blocker.
3. Clear All Caches
Clear your browser cache (a "hard refresh" with Ctrl+F5 often works) and any server-side or plugin-based caches (e.g., WP Rocket, W3 Total Cache) you have running. If social media platforms are showing an old preview of your under construction page, use the Facebook Sharing Debugger to scrape and clear their cache.
4. Conflict Test
If the problem persists, a theme or plugin conflict might be the cause.
- Theme Test: Temporarily switch to a default WordPress theme like Twenty Twenty-Four. Check if the social icon fields appear in the admin and if the icons show on the front end.
- Plugin Test: Deactivate all other plugins except 'Under Construction'. If the issue is resolved, reactivate your plugins one by one to identify which one is causing the conflict.
When It's Not a Configuration Issue
Sometimes, the icon for a specific social network you want to use simply isn't available yet in the plugin. User requests for platforms like Discord, TikTok, Telegram, and VK have been noted by the 'Under Construction' team and added to their to-do list for future updates. If an icon is missing, it is not a bug with your setup but a feature awaiting implementation.
By methodically working through these common causes, you should be able to get your social icons displaying correctly and maintain connections with your audience while your site is being developed.
Related Support Threads Support
-
Feature request: Custom URLhttps://wordpress.org/support/topic/feature-request-custom-url/
-
connect facebook social media iconhttps://wordpress.org/support/topic/connect-facebook-social-media-icon/
-
Add Support for Discord Social Media Iconhttps://wordpress.org/support/topic/add-support-for-discord-social-media-icon/
-
Social Media iconshttps://wordpress.org/support/topic/social-media-icons-95/
-
Unable to add custom contenthttps://wordpress.org/support/topic/unable-to-add-custom-content/
-
TikTok Social & Contact Iconhttps://wordpress.org/support/topic/tiktok-social-contact-icon/
-
Update social media icons/linkshttps://wordpress.org/support/topic/update-social-media-icons-links/
-
Unable to add Facebook/twitterhttps://wordpress.org/support/topic/unable-to-add-facebooktwitter/
-
Social Icons not showing on mobilehttps://wordpress.org/support/topic/social-icons-not-showing-on-mobile-3/
-
Social Media Icon – VK.comhttps://wordpress.org/support/topic/social-media-icon-vk-com/
-
Social icon formhttps://wordpress.org/support/topic/social-icon-form/
-
Telegram Phone Numberhttps://wordpress.org/support/topic/telegram-phone-number/
-
Can’t find “add media” on content page to add logohttps://wordpress.org/support/topic/cant-find-add-media-on-content-page-to-add-logo/
-
Social icons not workinghttps://wordpress.org/support/topic/social-icons-not-working-8/
-
Extra social mediahttps://wordpress.org/support/topic/extra-social-media/
-
Link Preview on Social Media doesn’t updatehttps://wordpress.org/support/topic/link-preview-on-social-media-doesnt-update/
-
Social Media icons not displayinghttps://wordpress.org/support/topic/social-media-icons-not-displaying-5/
-
Style of social iconshttps://wordpress.org/support/topic/style-of-social-icons/
-
Social icons not workinghttps://wordpress.org/support/topic/social-icons-not-working-9/
-
Non-visible social network iconshttps://wordpress.org/support/topic/non-visible-social-network-icons/
-
Social Icon Addhttps://wordpress.org/support/topic/social-icon-add/