Custom button integration

Hi,

I have created a page for just for style guide with global parameters so I can pull symbols into the final page At the moment, Im trying to figure it out how to embedded this code into my webflow https://codepen.io/Akimzzy/pen/yLeEWXR . Im noob in css & html.

I want to create symbol button where I can customize text & icon

Changed the

to <style_item> as all the element container name is style_item

I have defined in the button html settings the id as box

I want customize the button from the style menu so I don’t know what part of the code should be included & which not. I have tried copy without the body script part & also without the button script part, none of them worked. Any idea how can it implemented? What am I doing wrong?


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

I have converted the scss to css
and if copy the html & the css ( )
it creates a separate button that works
however I want to apply the effect to an existing button,
any idea if is it applicable?

Hi @barn,

Happy to have a look at this!

Could you please provide us with a Read-only link to your website?

It looks like it didn’t link properly on your original post.

Cheers

@barn I managed to incorporate this button into a Webflow project, preview link here: https://preview.webflow.com/preview/custom-button-bcdb29?utm_medium=preview_link&utm_source=designer&utm_content=custom-button-bcdb29&preview=c0f6b8873a404b7cb72d5850ec96200d&workflow=preview

If I understood your question, you want to use this on a Webflow button element? I’m not sure this is easy to integrate, you’d probably need to completely rebuild the spans/button/box using elements within Webflow.

I may be wrong but maybe someone else can chip in!

1 Like

thanks I have managed as well in the meantime