Custom button integration


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 . 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.


@barn I managed to incorporate this button into a Webflow project, preview link here: Webflow - Custom Button

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