Back to No-Code Website Builders

Integrate AI chatbots with Wowchemy

750,000+ sites built; no-code website builder with custom HTML support and multilingual capabilities.

Overview

Wowchemy is an open-source website builder tailored for creators, enabling users to design and personalize websites without any coding skills required.

Unique Features:

  • No-Code Interface: Create beautiful websites effortlessly.
  • Markdown Support: Write content in Markdown for easy formatting.
  • Custom HTML Integration: Allows embedding of custom HTML for advanced users.
  • Multilingual Support: Offers capabilities for 15+ languages.
  • Flexible Content Management: Manage various content types including blogs, portfolios, and online courses.
  • Community Driven: Supported by a large community of creators.

Add Custom HTML Documentation

Step-by-Step Guide to Integrate Custom HTML in Wowchemy

  1. Use Hugo Hooks: Create custom HTML by utilizing the Hugo hooks system. This allows you to inject code without modifying the theme files directly.

    • Create Hook Files: For example, to add custom scripts, create a file at layouts/partials/hooks/body-end/custom.html and paste your <script>...</script> code inside.
    • To add metadata to the <head>, create layouts/partials/hooks/head-end/custom.html and include your HTML tags there.

  2. Customize CSS: If you need to change styles, create a custom.scss file in the assets/scss/ directory and add your CSS rules.

  3. Override HTML Partials: To change existing HTML structures:

    • Locate the relevant .html file in the theme's layouts/partials directory.
    • Copy this file to your site's layouts/partials directory. For example, if you want to modify the navigation bar, copy navbar.html and make your changes.

  4. Adding Alt Text for Images: For featured images or portfolio widgets, copy the relevant partials and add alt text functionality to improve accessibility.

  5. Test Your Changes: After making modifications, re-run Hugo to see the changes reflected on your site.

Integration Guide

For more information on how to add custom HTML to your Wowchemy website, please refer to the Custom HTML Documentation.

How to integrate OpenAssistantGPT with Wowchemy

  1. Create your OpenAssistantGPT chatbot

    Sign in to your OpenAssistantGPT dashboard and create a new chatbot or select an existing one.

  2. Configure your chatbot settings

    Customize your chatbot's appearance, behavior, and knowledge base to match your website's needs.

  3. Get your embed code

    In your OpenAssistantGPT dashboard, go to the "Deployment" section and copy your unique embed code.

  4. Add the embed code to your Wowchemy website

    Log in to your Wowchemy account, open your website editor, and add an HTML or Custom Code element to your site. Paste the OpenAssistantGPT embed code into this element.

  5. Publish your website

    Save your changes and publish your website to make the chatbot live.

Advanced Configuration

For more advanced integrations with Wowchemy, you can customize the following:

  • Chatbot position and appearance on your website
  • Trigger conditions (e.g., time on page, scroll depth)
  • Custom welcome messages based on the page content
  • Integration with your existing forms and contact systems

Builder Details

No-code Solution

✅ No coding required

Custom HTML Support

✅ Supports custom HTML