Driver FixRecommendedSound, Wi-Fi or graphics acting up? Check drivers firstFind missing or outdated drivers fast.Check DriversOctober DealsAmazon USOctober deal check: compare before you payAmazon US: current deals, useful picks and tech finds.Check DealsClean PCRecommendedOne scan can reveal what keeps slowing WindowsLook for cleanup and repair opportunities.Run Scan×
Skip to content
Menlo Park desk2 min

Hostinger AI Builder: How to Add a Facebook Share Button in Manual Mode

Add a Facebook share button to a Hostinger AI Builder page by generating IFrame code, placing it in an embed code element, and publishing the site.
Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

To add a Facebook share button in Hostinger AI Builder’s manual mode, generate an IFrame snippet in Facebook’s Share Button Configurator, place it in an embed code element on the page, then update your website. Check the button in preview or on the published page; it may not render as expected inside the editor.

Generate the Facebook share button code

  1. Open Facebook’s Share Button Configurator.
  2. Enter the exact page URL visitors should be able to share. The button will use the URL entered here, so choose the intended page rather than assuming it will automatically share the page where the button is placed.
  3. Choose the button layout and size, then select Get Code.
  4. In the generated-code dialog, select the IFrame tab and copy the snippet. Hostinger’s Facebook-specific instructions use this IFrame code for the manual-mode workflow. Hostinger’s Facebook share button guide

Add the code to your Hostinger page

  1. Open the relevant site in Hostinger AI Builder and go to the page where the button should appear.
  2. Choose Add elements, then drag an embed code element to the desired position on the page.
  3. Select the element, paste the IFrame snippet, and choose Embed code to apply it. Hostinger’s broader manual-mode embed instructions also describe this page-element approach.
  4. Resize the embed element if the button needs more room, then select Update your website to publish the change.

Check the button and troubleshoot display issues

Look at the page in preview or visit the published site after updating. Hostinger notes that custom-code changes may not appear as intended within the editor; preview and the live site are the relevant places to verify the result. If the button is still missing, first confirm the code was pasted into the embed element and the site was updated. Then clear your browser cache and check again. Hostinger’s embed guidance

As an Amazon Associate I earn from qualifying purchases.

If the snippet includes a URL, Hostinger advises using HTTPS and removing spaces from the URL. For general custom-code placement, Hostinger distinguishes an integration field from an embed element: its Facebook button guide specifically calls for the page’s embed-code element, while the broader manual-mode integrations guidance says placement depends on the integration developer’s instructions. The separate More → Integrations → Custom code field is not the route specified for this button.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.

Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Leave a Reply

Your email address will not be published. Required fields are marked *

Free tools Windows power users keep installed

One-click scans. No signup required.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

More from the Wire

  1. World desk4 min
    How to Spot an AI Voice Scam Before Sending MoneyDon’t rely on how a caller sounds. Pause, call back through a known number, and verify the emergency with another trusted person before sending money.
  2. Mountain View desk4 min
    Google’s SynthID Detector: How to Check AI-Generated Images, Video and AudioGoogle’s SynthID Detector looks for an embedded watermark in supported images, video and audio. Here is what its results do—and do not—show.
  3. Redmond desk20 min
    How to create a link to File or Folder in Windows 11Windows 11 gives you several ways to point to a file or folder without moving or duplicating it. You can create a desktop shortcut,…
Recommended PC Tool
Recommended PC Tool
Outdated Drivers Are Slowing You DownFree scan - exact matches
Windows Errors? Fix Them Before They SpreadFree repair scan

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.