Add Instagram to your GoDaddy website

Add an HTML section in GoDaddy Website Builder and paste your widget code. Set the height and centering in the section settings, not in the code.

How to add an Instagram feed to GoDaddy Website Builder

  1. 1

    Create your widget and copy the code

    Pick a layout in SnapWidget, connect your Instagram account and click Get Widget. Copy the code it gives you.

  2. 2

    Open your site in the editor

    In GoDaddy Website Builder, select your website on the dashboard and click Edit Website. Select the page for the widget.

    A GoDaddy Website Builder site card with the Edit Website button marked
  3. 3

    Add an HTML section

    Click Add Section and select HTML under Files & Web. Click Add to put the section on the page.

    The GoDaddy HTML section with the Add button marked
  4. 4

    Paste the code in Custom Code

    Type a title in the Title box and paste the code in the Custom Code box. Set Forced Height if the area looks too small, and turn on Center align.

    GoDaddy HTML section settings with Title, Custom Code, Forced Height and Center align
  5. 5

    Preview on desktop and mobile

    Click Preview to see the page as visitors will. Click the mobile icon to check the widget on a phone screen.

    A GoDaddy preview of a page with an Instagram grid under the heading
  6. 6

    Publish your site

    Click Publish and choose the domain for your site. Then click View Site to see the widget live.

    The GoDaddy message that the site is live, with the View Site link

Made for the GoDaddy section editor

One HTML section
Click Add Section, pick HTML under Files & Web and paste the code in the Custom Code box.
Height and centering in the editor
Enter a Forced Height if the widget area looks too small, and turn on Center align. The code stays as it is.
Desktop and mobile preview
Click Preview, then the mobile icon, to check the responsive widget on a phone screen before you publish.
Publish once
After you publish, new Instagram posts reach your GoDaddy site with no further edits.

Want every click? Our help center has the step-by-step install guide with screenshots.

Read the install guide

Loved by 200,000+ websites

Don't just take our word for it. See all reviews →

Frequently asked questions

Use an HTML section in GoDaddy Website Builder. Click Edit Website, select the page and click Add Section. Choose HTML under Files & Web, click Add and paste your SnapWidget code in the Custom Code box. Then click Publish.

No. The warning tells you that the HTML section is for people who are confident with HTML, CSS and JavaScript. Paste our code as it is and the widget works.

Enter a height in pixels in the Forced Height box of the HTML section. Our guide uses 400. Leave the box blank for auto height.

Change width:100% in the iframe line of the code to a smaller value, such as 75%. Keep it wide enough, or visitors cannot click a photo and the share buttons do not show properly.

Yes, the GoDaddy steps are the same. A responsive slideshow sits on the left at its own size. To set its width and center it, our install guide puts a non-responsive slideshow in two div tags.

Yes. You can put a free Instagram widget with the grid, slideshow, scrolling, board or popup layout in a GoDaddy HTML section. Paid plans add the feed layout, the lightbox and Shoppable Images, from $8 a month.

Bring your Instagram posts to your GoDaddy site