Positionning (Trigger)

The Trigger Options allow you to control how and where your changelog is displayed, ensuring it catches your users' attention at the right moment. Here’s a detailed guide to the available triggers.

Trigger Options

Each trigger option is designed to accommodate different styles and levels of visibility, allowing you to match user interaction with the aesthetic and functional flow of your platform.

Trigger

By choosing the appropriate trigger and customizing it to your needs, you can ensure that your changelog effectively engages your users.

Options

Disable (by default)

Temporarily suspend access to the changelog without removing the integration.

Disable

• Usage:

  • Ideal for when you need to temporarily disable the changelog.

  • To re-enable, select another trigger option.

• Steps:

  1. Select Disable from the Type dropdown in the General section.

  2. The changelog will not be displayed until a different trigger is selected.

Once you have published your first post, you can quickly disable the changelog or set it back to your latest selected trigger directly in the Changelog Hub.

Disable quick access

Float

Display the changelog as an omnipresent floating icon in the bottom right corner.

Floating icon

• Features: Ensures the changelog is always within reach.

• Steps:

  1. Select Float from the Type dropdown.

  2. Customize the floating icon text if desired.

Parameters:

Float parameters

General:

• Type: Float

• Title: Customize the title of the float badge. (A)

Style:

• Shadow: Add or remove shadow. (B)

• Radius: Adjust the corner radius. (C)

• Background: Set the background color. (D)

Text:

• Color: Change the text color. (E)

• Font Family: Select the font family. (F)

Icon:

• Color: Change the icon color. (G)

• Icon: Choose an icon from the or upload a one. (H)

Pulsating

Draw attention to the changelog with a pulsating effect.

Pulsating example

• Features: Requires attachment to an element on your website.

• Usage:

  • Transform the bound element into an interactive component that opens the widget.

• Steps:

  1. Select Pulsating from the Type dropdown.

  2. Copy the provided snippet and paste it into your website’s HTML to bind the pulsating effect to an element.

Parameters:

Pulsating Parameters

• HTML Snippet:

  htmlCopier le code<div class="jimo-widget">What's new?</div>

Side Badge

Use a side badge for a discreet yet accessible entry point to the changelog.

• Steps:

  1. Select Side Badge from the Type dropdown.

  2. Customize the badge text if needed.

Parameters:

Side badge parameters

General:

• Type: Side Badge

• Title: Customize the title of the side badge. (A)

Style:

• Shadow: Add or remove . (B)

• Radius: Adjust the corner radius. (C)

• Background: Set the background color. (D)

Text:

• Color: Change the text color. (E)

• Font Family: Select the font family. (F)

Custom

Fully tailor the trigger, embedding it seamlessly into your site’s design schema.

Button example

• Usage: Requires knowledge of HTML/JavaScript and access to your website’s source code.

Custom Trigger Option

• Steps:

  1. Select Custom from the Type dropdown.

  2. Create the trigger element in your HTML (e.g., a button).

  3. Set up a click listener to open the widget when the element is clicked.

Example:

htmlCopier le code<button id="my_custom_trigger">What's new?</button>
<script>
  const myButton = document.getElementById("my_custom_trigger");
  myButton.addEventListener("click", function() {
    window.jimo.push(["do", "widget:open"]);
  });
</script>

We offer a set of methods that allows you to have a more advanced usage of Jimo (set user attributes, listen to widget opening and closing, hide trigger, etc.). Your tech team might be interested. You can find all the methods in our SDK documentation.

Each trigger option is designed to accommodate different styles and levels of visibility, allowing you to match user interaction with the aesthetic and functional flow of your platform.