Home » CoDesigner » CoDesigner Customization » How to Add Gradient Button in my shop page?

You can design eye-catching buttons using CoDesigner Gradient button Widget! It has the options to set custom text, set alignment, set your own icon, icon position, enable hyperlink, and more. Follow the steps:

Step 1: Install and activate the CoDesigner plugin by navigating to Plugins > Add New.

Step 2: Go to CoDesigner > Widgets and enable the Gradient Button widget. Then, click the Save Settings button.

Step 3: Go to the page where you want to add the Gradient Button and open it with Elementor.

Step 4: In the Elementor editor, search for the Gradient Button and drag it into the section you want to showcase the button.

Step 5: Style your Gradient button as your preferences. When you’re done with it click on the Publish button.