Welcome to Rongchuang Media. I believe you will reap the most advanced digital operation solutions in the foreign trade industry!
National Service Hotline:400-0430- 678

Rongchuang Cloud Marketing Platform

18Years focus on the enterpriseGlobal digital marketing platformBuilding operations, search engine marketing, social media marketing, brand marketing overseasAll staff, whole network, panoramaNew business model!
You are here: Home » Documentation Help Center » Graphic help » Components » Basic components » How to use the button component?

How to use the button component?

Views:1     Author:Site Editor     Publish Time: 2016-06-28      Origin:Site Inquire

Button component
[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;
Find the add component entry
Step 2: Add \"button\" component. In the basic component, find the \"button\" component and click the \"button\" component to add the button component;

Add 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;

Click the settings button

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.

Set button


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.


After setting the content and style of the button component, you can use the following functions of this component (the following functions are common functions of the component, the demo case may be different from your current component, but the functions are common):

3. ViewHow to edit the style of a component

4. ViewHow to copy components?

5. ViewHow to apply components?

6. ViewHow to remove components?

7. ViewHow to restore components?

18Years of global marketing experience to help companies break the stalemate in overseas promotion under the epidemic
Leave a message for free to build a foreign trade station + new overseas precision marketing plan

One-click access to search engines, social media operationsProgram


Responsive official website

Search Engine Marketing Solution

Social marketing plan

Brand promotion plan

Marketing Academy

Contact Sunac

Shijiazhuang High-tech Zone International Talent City D2
Hebei Operation Center
 Pre-sale:
    After sale:0311-67691131
 tousu@rongchuangmedia.net
 Floor 19A, Block B, Dongsheng Business Plaza, Shijiazhuang
Beijing Operations Center

   Manager Zhang: 18614049883
 tousu@rongchuangmedia.net
A, Xueyuan Road, Haidian District, Beijing 5 768Creative Industrial ParkB North 1061
Public security recordPublic security record number: 13019902000104
ICP recordRecord certificate number: Hebei ICP No. 15001123
bgValue-added telecommunications business license number: Hebei B2-20115046
© 2020 Shijiazhuang Rongchuang Media Co., Ltd. All rights reserved