Site.pro
  • Website Builder
    • Website Builder
    • Prices
    • Website Import
    • Online Stores
    • Plugins
    • Collaboration
    • Templates
    • Languages
    • Affiliate Program
    • Examples
    • AI Website Builder
    • For Design Studios
    • We Build for You
  • Domains
  • Email
  • Learn
    • Tutorials
    • Blog
    • FAQ
    • Growth Hacking
    • For Hostings
    • Domainity
    • For Education
  • For Resellers
    • Prices
    • White Label
    • Revenue Share
    • Panels
    • How it Works
    • Mass Import
    • Our Partners
    • Reselling Examples
    • Marketing Materials
    • Documentation
    • Free Websites
  • Website Builder
    • Website BuilderEverybody can easily create a website, landing page, or e-commerce store.
    • PricesSite.pro Prices: Templates 200+, Websites, Basic Builder Functions, Online Stores.
    • Website ImportTransfer your existing website from anywhere to Site.pro website builder.
    • Online StoresSell your goods or services anywhere on the website.
    • PluginsMany functions and plugins depending on geographical preferences.
    • CollaborationCollaborative Website Builder, Create a website with teammates in real-time in one space.
    • Templates
    • Languages
    • Affiliate Program
    • Examples
    • AI Website Builder
    • For Design Studios
    • We Build for You
  • Domains
  • Email
  • Learn
    • TutorialsVideos for Beginners. Download video tutorials for free New video tutorial.
    • BlogWebsite Builder Lifehacks: Shared hosting tips.
    • FAQHelp center. Payment Issues. Basic Tutorial. Quick search. Have questions? Enter your question here.
    • Growth HackingBoost your sales. Strategy
    • For HostingsEducation. Generate more website builder sales
    • DomainityDomainity: Domain quantity per 1000 people
    • For EducationFree Website Builder for Online and Offline Classrooms.
  • For ResellersWhite Label
    • PricesStart reselling. Pay for live websites. Free Websites.
    • White LabelThe most popular white label tool is ideal for reselling
    • Revenue ShareWebsite Builder: Provide free website builder and earn 50% commissions.
    • PanelsOne product for all platforms. Download plugin for your panel.
    • How it WorksCloud or On-Premises. Recommendations for Builder Server.
    • Marketing MaterialsVideo. Mockups. Website Blocks. Marketing Materials.
    • Mass Import
    • Our Partners
    • Reselling Examples
    • Documentation
    • Free Websites
  • Register

    Register

    (Buy Domain, Create email)
    (For Hosting Companies)
    By registering, you accept our Terms of Service
    Number of Customers: 1-100
    Number of Customers: 1-100
  • Log in

    Log in

    New user? Create account
    Forgot password?
  • $
  • English
Please use keywords in English only.
Account & Billing (35)License (28)Managing Website (12)Domains: Purchasing (15)Domains: Connecting (26)Mailboxes (26)Brand: Cloud (5)Brand: On-Premises (14)Installation: Builder (10)Installation: Builder Plugin (5)Hosting/Billing panels: cPanel (9)Hosting/Billing panels: DirectAdmin (7)Hosting/Billing panels: ISPmanager (4)Hosting/Billing panels: Plesk (7)Hosting/Billing panels: Webuzo (2)Hosting/Billing panels: WHMCS (5)Website Builder: Plugins (5)Website Builder: Website creation (52)Website Builder: Pictures (11)Website Builder: Media (15)Website Builder: Additional (8)Website Builder: Text (14)Website Builder: Import (5)Website Builder: SEO (22)Website Builder: Social (13)Website Builder: Commerce (80)Website Builder: Maps (12)Website Builder: Forms (7)Website Builder: Advanced (18)Website Builder: Errors (21)Web Design Studio (3)Affiliate Program (8)Education (8)
Filter
All (512) For Hosting Companies (400) For Website Owners (381)
FAQ
›
Website Builder: Additional
How to use "Button"?
Website Builder

How to use "Button"?

  1. Adding button:
    • Drag & drop "Button" from main toolbar;
    • Choose button composition.
  2. Editing button:
    • Write button text in right toolbar's 'Text' section.
    • Link:

      Select button and click URL in right toolbar's 'URL' section. Write link properties and click "Apply".

    • Text font:

      Select button and click font in right toolbar's 'Font' section. Adjust text font style, size, line height, align, letter spacing.

    • Item Icon:

      Select button and click font in right toolbar's 'Item Icon' section. Select icon from the list or use search bar to find exact icon.
      Use 'Position' buttons to change icon positioning (left or right).

  3. Customising button:
    • Default / Hover / Active settings:

      Set button default style, colour, background, border and shadow options in right toolbar.

    • Subtext:

      Write subtext, adjust text font, style, colour, and Default / Hover / Active settings in right toolbar.

    • Size:

      Set button size or "Allow to adjust size automatically" in right toolbar.

Important: Make sure your link contains HTTP/HTTPS, for example: https://example.com
Preview:
Customise button text, icons, shadows

People also found this article using these queries:

  • How to add button?
  • How can I edit button?
  • How can I apply link to button?
  • Button link
  • Button text
  • How to edit text font of button?
  • Issue with button
  • How to customize button?
  • Where can I change button size?
  • How can I change button size?
  • How to add text to button?
  • How to design button?
  • How to add 'Read More' button?
  • How to insert link to button?
  • How to insert text to button?
  • Add link to button
  • How can I link the button?
  • Where can I write button text?
  • I want to add button
  • Button on my website do not work
  • How to change button background?
  • How to replace button with picture?
  • How to edit button size?
  • How do I make a "Phone us now" button?
  • How to insert button?
  • Button composition
  • Button style
  • Where can I create button?
  • I want to insert button
  • I am having trouble adding button
© Site.pro 2011. Website Builder. United States.
Contact SalesTerms of Service