➕Embed Frontman

This documentation guides you through embedding the Frontman widget onto your website, enabling users to interact with your product directly within your existing platform.

Let's learn how to use-

1. Obtain the Frontman Script:

   • Access your Makerobos dashboard and navigate to the Frontman configuration section.

   • Locate the script specifically designed for embedding.

2. Enable Embedded Frontman:

   • Within the provided script, identify the section referencing data-container.

   • Replace mkos_embed_container with your desired container ID. This ID must begin with a letter (A-Z) or underscore (_) and cannot contain special characters.

     
3. Embed the Script:

   • Copy the entire script provided by Makerobos.

   • Paste the copied script into your website's HTML code, specifically within the designated container element with the ID you defined in step 2 (e.g., <div id="xyz_embed_container"></div>).

Example Code:

HTML

<script 
    type="text/javascript" 
    data-token="IQFVG9VY3GTN6MB9" 
    data-container="main_embed_container" 
    src="https://link.makerobos.com/EmbedDevJS">
</script>

Chat Settings (Optional):

• Begin with New Conversation: Frontman may offer configuration options within the embed settings to manage conversation behavior (e.g., always starting a new conversation). Refer to the Frontman documentation for details on available customization options.

• Restart Button: Similarly, Frontman might allow enabling a restart button for users to reset the conversation. Explore the Frontman documentation for instructions on implementing this feature.

Testing:

• Once the script is embedded, preview your website to ensure the Frontman widget appears within the designated container element.

• Test the functionality of the embedded Frontman by initiating a conversation through the widget.

Support:

For further assistance or troubleshooting, refer to the Frontman documentation or contact the Frontman support team.