Prompt Widget

The Prompt Widget is an embeddable iframe that allows users to interact with Adviseful.ai directly from your website. This widget is customizable via query parameters, enabling you to tailor its appearance and functionality to suit your needs.

How to Embed the Widget

To embed the widget on your website, use the following HTML snippet. Make sure to replace YOUR DOMAIN with the full domain for your Adviseful instance. E.g. saas-demo.advise.appcloud.no.

<iframe width="100%" height="230" frameborder="0"
  src="https://widgets.adviseful.ai/v1/prompt-widget.html?domain=<YOUR DOMAIN>">
  Browser is not compatible.
</iframe>

Query Parameters

variant
Description: Sets the size of the widget.
Enum: small, medium (default), large

actionTitle
Description: Sets the text for the action button.
Defaults to "Explore"

actionColor
Description: Defines the color of the action button using a hex code.
Defaults to #6a1b9a (purple)

actionTextColor
Description: Defines the text color of the action button using a hex code.
Defaults to #ffffff (white)

placeholder
Description: Placeholder text shown in the input field.
Defaults to "Describe your use case or app idea"

title
Description: Sets the title displayed on the widget.
Defaults to "Adviseful"

showHeader
Description: Toggles the visibility of the widget header.
Boolean: true (default), false

showIcon
Description: Toggles the visibility of the Adviseful icon in the widget.
Boolean: true (default), false

Example Usage

Example #1:

Small variant with custom placeholder and green button.

<iframe width="100%" height="230" frameborder="0" src="https://widgets.adviseful.ai/v1/prompt-widget.html
?variant=small
&placeholder=Your%20app%20idea
&actionTitle=Go
&actionColor=%2328a745">
  Browser is not compatible.
</iframe>

Example #2:

Medium variant with custom action title, blue button, and hidden header.

<iframe width="100%" height="180" frameborder="0" src="https://widgets.adviseful.ai/v1/prompt-widget.html
?variant=medium
&actionTitle=Start
&actionColor=%23007bff
&actionTextColor=%23ffffff
&showHeader=false">
  Browser is not compatible.
</iframe>

Example #3:

Large variant with a customized title, red button, and hidden icon.

<iframe width="100%" height="230" frameborder="0" src="https://widgets.adviseful.ai/v1/prompt-widget.html
?variant=large
&title=Get%20Started%20with%20Adviseful
&actionTitle=Submit
&actionColor=%23dc3545
&showIcon=false">
  Browser is not compatible.
</iframe>