Home>Online store

Add external content to your Square Online site with embedded code

Who is this article for?
  • Sellers with online permissions. Set permissions in Square Dashboard.
  • Square Online Plus or Premium subscribers.
  • About managing sections

    With Square Online, you can enhance your website with a nearly unlimited variety of additional features. Add multiple embed code sections to display a Google calendar, create custom contact forms, add reservation services, accept event registrations, and much more.

    Before you begin

    You can add embeddable code from your Square Dashboard. 

    To add your code, you first need to obtain your code. Many services automatically generate embeddable code using what’s known as an iframe to display a widget via a direct link. Copy this code from the provider; it’s what you will paste into the embed code section.

    To find your code, try searching online for what you need using keywords like “embed newsletter signup form” or “audio player embed code.” The best way to know if a piece of code is embeddable is to ask the code provider, search their support center, or test it out after publishing your site.

    Since the Square Online site editor is a "what-you-see-is-what-you-get" type of software and no custom-coding is necessary to create a website with Square, we're unable to assist with custom code of any kind. This means that we can guide you on where custom code can be used throughout the Square Online platform, but we're unable to assist with the code itself.
    With this in mind, using any code associated with your website must be done with the knowledge and understanding of how the code could affect your website and its function. All custom code you associate with your site is optional, and not necessary to make it work or appear online.
    If you need assistance with custom code associated with your site, we recommend consulting a coding expert.

    Add embeddable code to your website

    Square-Online-Editor-Embed-Code-Section-EN

    You can add embeddable code to your website from your Square Dashboard.

    1. Sign in to your Square Dashboard and go to Sales channels > Online > Website > Edit site. 

    2. Open the page you want to add embeddable code to.

    3. Select +Add > Section and select the Embed code section.

    4. In the editing panel, select Embed code and paste your code into the text box.

    5. Publish your site to see the changes live.

    Pasting invalid or incomplete code can cause problems with your website. If you can’t see the rendered code or something else seems wrong, double check that the embed code field includes the full, complete code. Try publishing your website to see if the code you added is working as expected.

    If you’re still not sure, you can always delete the embed code section from the page and publish the site again. If removing the section resolves the problem, then check with the code provider to confirm you're using it correctly.

    Related articles