Back to No-Code Website Builders

Integrate AI chatbots with 22Slides

22Slides is a website builder that’s helped thousands of photographers, designers, and other artists create the website they’ve always wanted

Overview

22Slides is a no-code website builder tailored for photographers and artists, enabling them to create stunning portfolios effortlessly.

Unique Features:

  • Customizable Templates: Offers beautiful minimalist designs that prioritize image quality.
  • Dynamic Layouts: Users can mix and match different content layouts for unique pages.
  • Intelligent Image Handling: Automatically optimizes images for different devices and resolutions.
  • Custom HTML Integration: Allows advanced users to customize their sites with HTML, CSS, and JavaScript.
  • Free 30-Day Trial: Users can try the service risk-free before committing.

Add Custom HTML Documentation

Step-by-Step Guide to Integrate Custom HTML into 22Slides

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

  2. Select Your Website
    Navigate to the dashboard and select the website you wish to edit.

  3. Access the Editor
    Click on the "Edit" button to open the website editor where you can make changes to your site.

  4. Add a New Section or Element
    Look for an option to add a new section or element to your page. This is usually found in the sidebar or toolbar.

  5. Choose Custom HTML Option
    In the options for adding new elements, select "Custom HTML" or a similar option that allows you to insert HTML code.

  6. Insert Your HTML Code
    A text box will appear where you can paste your custom HTML code. Ensure that your code is properly formatted and free of errors.

  7. Preview Your Changes
    After inserting the HTML, use the preview feature to see how your changes look on the site. This helps you verify that the HTML integrates well with the existing design.

  8. Save Your Changes
    Once you are satisfied with the preview, save your changes to make them live on your website.

  9. Test Your Website
    Finally, visit your website to ensure that the custom HTML functions as intended and does not disrupt the overall layout or functionality.

Integration Guide

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

How to integrate OpenAssistantGPT with 22Slides

  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 22Slides website

    Log in to your 22Slides 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 22Slides, 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