Back to No-Code Website Builders

Integrate AI chatbots with SlideDeck

SlideDeck is a new way to display content on websites, mobile phones and kiosks

Overview

SlideDeck is a WordPress slider plugin designed for creating stunning, responsive content sliders without any coding.

Unique Features:

  • No-Code Creation: Users can easily build sliders by adding images, videos, and text through a user-friendly interface.
  • Custom HTML Integration: Supports embedding custom HTML and dynamically pulling content from sources like Instagram and YouTube.
  • Responsive Design: Sliders are optimized for all devices, ensuring a seamless experience on mobiles, tablets, and desktops.
  • Customization Options: Offers various configurable themes (Lenses) to enhance the visual appeal of content.

Add Custom HTML Documentation

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

  1. Access Your WordPress Dashboard
    Log in to your WordPress admin panel.

  2. Navigate to SlideDeck
    In the left sidebar, find and click on the "SlideDeck" option to access your existing sliders or create a new one.

  3. Create or Edit a Slider
    To add custom HTML, either create a new slider by clicking "Add New" or edit an existing slider by selecting it from the list.

  4. Add a New Slide
    Click on the "Add Slide" button to create a new slide where you will integrate your custom HTML.

  5. Select the HTML Option
    In the slide options, look for the "HTML" or "Custom HTML" option. This allows you to input your own HTML code.

  6. Insert Your Custom HTML
    Paste your custom HTML code into the provided text area. Ensure that your HTML is valid and properly formatted.

  7. Preview Your Slide
    Use the preview option to see how your custom HTML will appear in the slider. Make any necessary adjustments to the code if needed.

  8. Save Your Changes
    Once you are satisfied with the slide, click the "Save" button to apply your changes.

  9. Add the Slider to Your Page
    Use the shortcode provided by SlideDeck to insert your slider into a post or page. You can also use page-builder blocks if supported.

  10. Test on Different Devices
    Finally, check how your slider with custom HTML looks on various devices (mobile, tablet, desktop) to ensure responsiveness and functionality.

Integration Guide

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

How to integrate OpenAssistantGPT with SlideDeck

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

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