Integration with Buttons will help you to display content with buttons. You can display short and crisp content with buttons that users can interact with. 

Using Integration with Buttons

While using Integration with Buttons you will get the following options: Content, Style and Advanced. 

Content: 

From the content section, you can edit the following: 

• Integration Style
• Title
• Subtitle 
• Integrations 
• Button Colors
• Button
• Button 02

Integration Style: From the integration style, you can pick from the built in preset designs. You can select from any of the styles you like. 

Title: From the Title section, you can add title text, title icon, typography and color of the text. 

Subtitle: Using the subtitle section, you can add text, add text color and change typography of the subtitle.

Integrations: If you want to integrate additional items with the element, you can do it from here, Plus,you can add text, add text color and change typography of the integration. 

Button Colors: Customize the Button colors using this tool. Whether you like it solid or with a stroke of gradient, you can pick any. 

Button Text: From this option, you can add button text and include URL with the button. 

Style:  

The style function only allows you to add padding to the section to make it distinctive on your website. 

Advanced 

In the Advanced section of the tool, you will have the flexibility to add margin and padding to the element. You can also modify the Z-index to customize the element more. 

You will also get the chance to edit and customize the following options: 

• Motion Effects
• Background
• Border
• Positioning
• Responsive
• Attributes
• Custom CSS

Motion Effects:

From the Motion Effects option you can add different effects such as fading, zooming, bouncing, sliding, rotating, attention seeking motion, lightspeed and more effects to make your website look different. 

Background: 

If you want to customize the background with specific color, gradient or images, you can do that from the advanced settings as well. You can pick background type, color, gradient, gradient type and more.

Border: 

If you want to add any line, box, dots and other design variations as borders of the element, you can do it from here. You can also customize the size and insert shadow effects if you want to. 

Positioning:

This feature will allow you to fix the positioning of the element. From the width section you can select if the position will be full width, inline or customized. And you can set the position as absolute or fixed as well from these settings. 

Responsive:

You can check the responsiveness of the elements if you toggle through the available options. However the change of the widget will be only visible on the live page or preview, not in the Elementor.