Back to No-Code Website Builders

Integrate AI chatbots with Wapster.de

Customizable no-code website builder with HTML editor for CSS, SVG & JS integration.


Overview

Wapster.de is a no-code website builder that enables users to create websites quickly and easily without technical skills.

Unique Features:

  • Customizable templates with an HTML editor.
  • Integration of custom CSS, SVG, and JS.
  • Responsive designs for all devices.
  • Unlimited image galleries and visitor statistics.
  • Password protection for websites.
  • Accessible management from anywhere.

Add Custom HTML Documentation

Step-by-Step Guide to Integrate Custom HTML in Wapster.de

  1. Log In to Your Wapster Account
    Start by logging into your Wapster account using your credentials.

  2. Select Your Template
    Choose the template you want to customize from the available options.

  3. Access the HTML Editor
    Navigate to the design section of the template and look for the option labeled "HTML Editor" or similar.

  4. Edit HTML Code
    In the HTML editor, you can modify the existing HTML code or add new HTML elements. This is where you can integrate your custom HTML.

  5. Add Custom CSS/JS (if needed)
    If your custom HTML requires specific styles or scripts, you can also add your custom CSS and JavaScript in the designated sections within the editor.

  6. Preview Your Changes
    Use the preview feature to see how your changes look on the website before publishing.

  7. Save Your Changes
    Once you are satisfied with the customizations, save your changes to apply them to your website.

  8. Publish Your Website
    Finally, publish your website to make the changes live for your visitors.

Integration Guide

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

How to integrate OpenAssistantGPT with Wapster.de

  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 Wapster.de website

    Log in to your Wapster.de 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 Wapster.de, 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