Share feedback, ideas and get community help

Updated 6 months ago

Theme/Style Settings Not Reflecting in NextJs Components for typebot.io?

At a glance

The community member is experiencing an issue where the theme changes made in the typebot.io settings are not being reflected in their NextJS components. They have tried various configurations, including the Popup and Standard components, but the issue persists. The community members in the comments suggest that the issue may be related to the "remember user" option being enabled, which can prevent the theme changes from being reflected until the user changes. One community member confirms that this was the issue they were experiencing and that disabling the "remember user" option resolved the problem.

Useful resources
I've been adjusting settings within the theme section of typebot.io, but I've noticed these changes aren't being applied within my NextJs components. Is this expected behavior, or might I be overlooking something? Missing some props maybe? I didn't see any prop that would solve this problem besides implementing myself the style?

To detail the adjustments I made in the design, I'm including the changes and how they appear on the typebot.io page and in the NextJs component, where it seems to revert to the default style.

I experimented with both the Standard and Popup options, encountering the same issue with each. Below are some of the configurations I tried:

Plain Text
<Popup typebot="name-of-my-typebot" isOpen={true}/>

Plain Text
<Standard typebot="name-of-my-typebot" style={{ width: '100%', height: '100%' }} />


Plain Text
<Standard typebot="name-of-my-typebot" style={{ width: '100%', height: '100%' }} />


Plain Text
<Standard typebot="name-of-my-typebot" className="h-full w-full" />


Could there be a step I'm missing, or is this inconsistency between typebot.io settings and NextJs components a known issue?"
Attachments
image.png
image.png
B
G
C
5 comments
Maybe the latest version of your bot is not published?
Actually, the problem was something simple like that haha.

I noticed that when the "remember user" option is enabled, the theme changes are not reflected until the user changes, even if I disable the page cache.
Attachment
image.png
OHH MAN this was happening to me also. This fixes it
Add a reply
Sign up and join the conversation on Discord