Shop.try-spartan.com (Coding section)

Ask the community
1

Dear community members,

I need help regarding the section (Discover Spartan’s Root Activator) in this funnel (shop.try-spartan.com). There is no buit-in option to create similar to this in Funnelish. It will be done through coding. I’ve done that before in the past but it was long time ago and I forgot how to do it. The only thing that I remember is I’ve created 3 different containers for all three parts (Product Details/Benefits/Ingredients) and linked those containers with headings using code. Does anyone have a solution for this please. Appreciate you help. Thanks

1 Like
2

Hello everyone, so I’ve extracted a code using claude and it’s working for me. I’m sharing here so If anyone else want the same, they can use that code. Ofcourse you need to modify the text in the code according to your product.

Discover Spartan’s Root Activator Code.docx (22.6 KB)

3

Hey @Hamza_Khan :waving_hand:

Yes, I get what you’re trying to build :+1:

Good news — you don’t actually need custom coding for this anymore. You can do it using States + Interactions inside Funnelish.

I recorded a quick video for you here:

This will show you step by step :backhand_index_pointing_up:

:light_bulb: Idea in simple terms:

  • Create separate containers (Product Details / Benefits / Ingredients)

  • Use States to control which one is visible

  • Use Interactions on the headings/buttons to switch between states

This way:

  • Clean setup

  • No JS needed

  • Easier to manage later

You can actually achieve even more flexible UI with this method than custom code.

If you get stuck, share your page and I’ll guide you :+1:

1 Like
4

Thank you so much @anwerashif for showing the step by step process. For now, I’ve done it with the HTML code but I’ll definitely try this method in future. :raising_hands:

1 Like