Back to No-Code Website Builders

Integrate AI chatbots with MetaSlider

No-code WordPress slider plugin; supports custom HTML integration for diverse content types.

Overview

MetaSlider is a user-friendly WordPress plugin that enables the creation of responsive slideshows without coding skills.

Unique Features:

  • Intuitive drag-and-drop builder
  • Supports various content types: images, videos, HTML, and products
  • Optimized for speed and SEO
  • Used by over 800,000 WordPress sites.

Add Custom HTML Documentation

Step-by-Step Guide to Integrate Custom HTML into MetaSlider

  1. Install MetaSlider: Ensure the MetaSlider plugin is installed and activated on your WordPress site.

  2. Create a New Slider: Navigate to the MetaSlider section in your WordPress dashboard and click on 'Add New'.

  3. Select the Slide Type: In the slider settings, choose the option to add a new slide.

  4. Choose 'HTML Slide': From the available slide types, select 'HTML Slide'.

  5. Enter Your Custom HTML: In the HTML slide editor, input your custom HTML code. This can include any HTML elements you wish to display, such as images, videos, or text.

  6. Adjust Settings: Configure any additional settings for the slide, such as transition effects or timing.

  7. Save Your Slider: Once you have added your HTML content and adjusted the settings, click 'Save' to store your changes.

  8. Insert the Slider into Your Page: Use the provided shortcode or block to insert the slider into your desired page or post.

  9. Preview and Publish: Preview your changes to ensure the HTML displays correctly, then publish your page to make it live.

Integration Guide

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

How to integrate OpenAssistantGPT with MetaSlider

  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 MetaSlider website

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