Integrate AI chatbots with Editus

Documentation for Adding Custom HTML to Editus

To add custom HTML to Editus, follow these steps:

1. Create a Custom Component Class: Define a new PHP class for your custom component.

   class editus_CustomHtml {
       public function __construct() {
           add_action('wp_enqueue_scripts', array($this,'scripts'));
       }
   }
   

2. Enqueue Scripts: Inside the scripts function, enqueue any necessary JavaScript or CSS files.

   function scripts() {
       add_filter('lasso_components', array($this,'add_CustomHtml_content'), 10, 1);
       add_action('lasso_toolbar_components', array($this,'add_CustomHtml_button'), 10);
   }
   

3. Define Your Custom HTML Content: Create a function that returns the HTML you want to insert.

   function add_CustomHtml_content($array) {
       $custom = array(
           'custom_html' => array(
               'name' => __('Custom HTML','lasso'),
               'content' => '<p>Your custom HTML here</p>',
           )
       );
       return array_merge($array, $custom);
   }
   

4. Add a Button to the Toolbar: Define a function to add a button for your custom component in the Editus toolbar.

   function add_CustomHtml_button() {
       ?><li data-type="custom_html" title="<?php esc_attr_e( 'Custom HTML', 'lasso' );?>" class="lasso-toolbar--component_custom_html"></li><?php
   }
   

5. Instantiate Your Class: Finally, instantiate your custom component class to make it active.

   new editus_CustomHtml();
   

For more detailed examples, refer to the Editus documentation.

How to integrate OpenAssistantGPT with Editus

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

   Log in to your Editus 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.