How to use HTML widget

If you are looking to expand the capabilities of the Advanced website builder, you can do so with custom HTML.

HTML widget allows you to embed custom code into your site, and can be used to embed third-party widgets such as PayPal buttons, videos, contact forms, Google Sheets, Calendly and more.

Custom code can extend your site's functionality, however, we suggest you only add code from a trusted source.

Only add code if you know exactly what it does and how to troubleshoot it if it does not work.

To add the widget:

  1. In the left panel, click Widgets.
  2. Click and drag the HTML widget into your site.

add_html_widget.gif

 

Embed Calendly

If you are looking to accept bookings you can use Vcita online scheduling available in the widgets or you can embed Calendly using the HTML widget.

You can find steps for Calendly here.

calendly.gif

calendly_html.gif

PayPal buttons

If you are looking to add PayPal buttons without having a store feature, you can do this using HTML widget as well.

Steps to create PayPal buttons can be found here.

paypal_buttons_html.gif

Please note:

  • We cannot troubleshoot custom code.
  • We recommend creating a backup of your site before adding custom code to it so that you can reload a previous version if something goes wrong.
  • Our editor uses HTTPS, so if your script loads an external non-HTTPS file, it will not work.
  • Server-side scripts (for example, PHP and ASP) will have no effect in this widget. We recommend using client-side (Javascript, HTML) scripts only.
  • Our system uses jQuery 3.0 to function, so implementing a new version of the jQuery library will usually cause our editor to stop working. For this reason, we recommend that any custom code you add use the functions in jQuery 3.0 and not attempt to re-initialize the library.
  • While Quick Navigation is on, onload events may not condition properly. If your script uses these, please turn off Quick Navigation as a first troubleshooting step.

For further information or to speak with one of our Support Agents, simply click on the link here and submit your message via the Help button on the bottom right-hand corner.

Was this article helpful?
2 out of 3 found this helpful

Articles in this section

Kickstart your Business
You can start your business using our amazing products, features, and tools.
Follow us on Twitter
Get the latest news and updates first