How to translate Memberstack widgets on Webflow using Weglot without breaking checkout attributes? Answered
Hey all, is there anybody here who can help me with translating memberstack widgets with Weglot? I've tried everything but I couldn't find a solution to fix this problem.
Comments
12 comments
Weglot can translates text which is on your page from the beginning. If you're using a data-ms-modal attribute to launch your signup then Memberstack adds text with JS, so it will not work.
Igor Voroshilov thanks for your answer. Actually, I've found the solution. It just needs to be declared as a "dynamic element" in Weglot.
Batuhan Bilgin How did you manage to make it worked?
On my webflow site, I have a button with the data-ms-modal.
Whether my weglot is in FR or EN, my memberstack modal is always en EN.
I understand the Dynamic content, but I don't know how to make it work on a modal that isn't created in Webflow.
Can you please help? Thanks a lot !
I tried to give an #ID name to my class but it didn't work neither giving this to Weglot.
Hey Max Chabot 👋
I believe you'll need to give Weglot a different selector... let me see what the outer wrapper of the modals is called.
I'd go with #msOverlay if I were you. This id will always be the same. You could also use .ms-modal if the selector has to be a class name.
I have not tested this myself, so do let me know if you run into any issues (or if it works 🤞😁)
Hi Duncan Hamra
Nether are working....
.ms-modal or #msOverlay
Or maybe I'm doing it wrong? I only added them to my Weglot Dynamic Element settings. Why is Memberstack 2.0 is offering a translate section in the settings if it doesn't work?
I need a solution...
Hey Max, the translate section is only for the SSO UI. I'll talk to our team about updating the text in the setting page to make that more clear. I agree with you that it's confusing.
Unfortunately, I've never used Weglot myself 😞 I don't have an account. I can put this on my schedule to test next week (this week is packed). Also, have you tried reaching out to Weglot support?
Oh wait, Max Chabot, the most simple solution is to drop the pre-buid UI and use some of our webflow components instead. You can copy and paste them right into the page and Weglot will be able to translate them like any other element 🎉
https://www.memberstack.com/freebies
Here are articles for setting up signup, login, profile, and forgot password forms incase you need all of them.
hey, i noticed you guys use weglot for the translation. Does it work for a webflow site with memberstack? Because I don't want it to break the memberstack attributes for checkout etc.
Weglot only messes with text, not attributes, so you should be good!! I've never heard of an issue with using the 2 together
Probably it's not compatible with checkout page (meaning it wont do any translation) since checkout is handled by Stripe 🤔
The Stripe checkout translates into the language of the user 👍
Please sign in to leave a comment.