Add HTML or custom code to my site

Bytique lets you add your own code (HTML, CSS and JavaScript) to your website. This allows you to extend the capabilities of your site with such things as custom forms, maps and special-function buttons — to name only a few options.



Note: Embedding code can affect how your entire site functions, so use this only if you're comfortable hand coding. It's definitely not for beginners.



  1. Log in to your Bytique account and begin or open your website. (Need help opening your website?)


  2. Click Edit/Edit Site.


  3. Scroll in the main view of your site to where you want to add a section, and click the plus button.

    Click plus button


  4. Scroll to bottom of the Add Section panel, click Show More and click the HTML pane.

    click HTML pane


  5. Click a layout in the HTML panel and you'll see a Section Added confirmation.


  6. Click the HTML panel to begin customizing its settings, starting with the Section Title field.

    You may see a Disclaimer that this activity is for advanced users and may fall outside the realm of Bytique support. Bytique offers limited support for advanced activities. However, this is rarely a problem and the supplier of the HTML snippet can also support you. Usually, this is just Copy and Paste.

    Your change appears in main window


  7. Copy and paste or enter the code you want to use in the Custom Code field. The Title field is optional. In the example, we've added an example iframe widget for YouTube.

    Enter or paste code in Custom Code field


  8. You can leave the Forced Height field blank or adjust the pixel height to larger or smaller. (Smaller will create a scrollable box for the item.)


  9. TripAdvisor is one common source of HTML iframe code. If you have a TripAdvisor account, or you want to claim your business there, go to https://www.tripadvisor.com/Widgets.

    TripAdvisor iframe Widgets

  10. When you're finished, click the or Done at the top of the HTML panel and your main window displays the results.

    Main window displays new code section


  11. Click Preview to see the results, and when you're ready click Publish Site or Publish.

    Note: If you change your mind later on, re-open the HTML panel and click Remove Section at the bottom.