Back to No-Code Website Builders

Integrate AI chatbots with UiPress

No-code WordPress admin builder with custom HTML integration; trusted by thousands for intuitive dashboard creation.

Overview

UiPress is a sophisticated block-based visual builder designed for the WordPress admin interface. It enables users to create custom admin pages, dashboards, and themes effortlessly without coding.

Unique Features:

  • Intuitive Builder: Over 50 pre-made blocks for easy customization.
  • Smart Patterns: Save and reuse design patterns across templates.
  • Global Styles: Maintain brand consistency with an intelligent color system.
  • Custom Code Integration: Add custom CSS and JS for advanced customization.
  • WooCommerce Integration: Advanced analytics and order management capabilities.

Add Custom HTML Documentation

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

  1. Access the UiPress Dashboard: Log in to your WordPress admin panel and navigate to the UiPress dashboard.

  2. Select the Page or Template: Choose the page or template where you want to add custom HTML.

  3. Open the uiBuilder: Click on the uiBuilder option to enter the visual editing interface.

  4. Add a Custom Block: Look for the option to add a new block. You can select a block that allows for custom code integration.

  5. Insert Custom HTML: In the block settings, find the field for custom code. Here, you can paste your custom HTML code.

  6. Customize Behavior and Style: If needed, you can also add custom CSS and JavaScript to further enhance the functionality and appearance of your HTML.

  7. Preview Changes: Use the preview feature to see how your custom HTML looks on the page before publishing.

  8. Save and Publish: Once satisfied with the changes, save your work and publish the page to make it live.

  9. Test the Integration: After publishing, visit the page to ensure that the custom HTML is functioning as intended.

Integration Guide

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

How to integrate OpenAssistantGPT with UiPress

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

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