[Component Introduction] The implementation of the button component appears as adding a button with interactive functions on the page, which is easy to attract visitors to click here to trigger further interaction. It is necessary to add a link to the button to the page that needs to generate further interaction.
[Application scenario] Button components are generally added on the page to attract visitors to click on the next step, such as adding a button after a appealing slogan, linking to the contact us page, can attract customers to fill out the contact us form . The button component can flexibly set the text, icon, button link, button size, color, style, interaction effect, etc. on the button.
【 Instructions】 1. How to add a button component?
Step 1: Find the entry for adding components. Place the mouse in the area where you want to add a button component, a small water drop (that is, add a component button) appears, click on the small water drop, and the \"Add component\" pop-up box pops up;
Step 2: Add \"button\" component. In the basic component, find the \"button\" component and click the \"button\" component to add the button component;
Step 3: Move the button to the position to be placed. Put the mouse on the button component area, the word \"\"button\" appears in the upper left corner, put the mouse on the two words of the button, the shape of a small hand appears, then hold down the left mouse button and drag to the position to be placed, and then release The mouse will do. ; 2. How to set the button component?
The content and style displayed by the component can be set through the setting button.
Put the mouse on the button component area, the word \"button\" appears in the upper left corner, put the mouse on the word button, a row of operation buttons appears on the right, click the first \"Settings\" button; content
Button text: You can edit the text displayed on the button;
Button icon: You can select the icon displayed on the button;
Button link: You can choose to click this button to jump to the page link. The link types are: internal page, external link, email, page anchor, product classification, article classification, file, if you want to jump to a certain site Page, directly select the page in the station, and then select a page below;
Adjust the height and width of the button: You can adjust the height and width of the button;
Button position: You can adjust the position of the button in the component. style
Button style: You can choose the button style. If you select the button icon, you need to select the button style with icons, otherwise the icons will not be displayed;
Initial style: you can set the background color, text color, border color, border line, border thickness of the button;
Mouse hover style: You can set the background color, text color, border color, border line, border thickness when hovering the mouse to the button;
Round corner radian: You can set the corner radius of the button.