Typebot•3mo ago

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

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:

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

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

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

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

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

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

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

<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?"

4 Replies

Baptiste•3mo ago

Maybe the latest version of your bot is not published? https://docs.typebot.io/editor/publish

Gustavo Steinmetz•3mo ago

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.

Gustavo Steinmetz•3mo ago

Thanks!

CptPlastic•3mo ago

OHH MAN this was happening to me also. This fixes it

Gaming

Programming

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