{"id":5934,"date":"2024-04-14T20:07:12","date_gmt":"2024-04-14T12:07:12","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=5934"},"modified":"2024-04-14T20:07:12","modified_gmt":"2024-04-14T12:07:12","slug":"key","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/key\/","title":{"rendered":"Key"},"content":{"rendered":"\n
\n

A push-button acts as your call to action (CTA) and connects to pages, forms, assets, and more.<\/p>\n

Within this session, you will understand:<\/p>\n

    \n
  1. Primary concepts of a push-button<\/li>\n
  2. Methods to personalize a hyperlink section into a push-button<\/li>\n<\/ol>\n

    Primary concepts of a push-button<\/h2>\n

    To introduce a push-button to your website:<\/p>\n

      \n
    1. Head to Add panel<\/strong> > Elements<\/strong> > Basic<\/strong><\/li>\n
    2. Drop a push-button<\/strong> element onto the Webflow canvas<\/li>\n<\/ol>\n

      You can modify the default push-button text in two manners:<\/p>\n

        \n
      1. Double-tap the push-button<\/strong> and edit the text<\/li>\n
      2. Highlight the push-button <\/strong>and hit Enter<\/strong>\/Return<\/strong><\/li>\n<\/ol>\n

        You can also tweak the color of your push-button. To alter the push-button’s background color:<\/p>\n

          \n
        1. Select the push-button<\/strong><\/li>\n
        2. Visit Style panel<\/strong> > Backgrounds<\/strong><\/li>\n
        3. Tap the swatch to unveil the color picker<\/li>\n
        4. Select a color<\/li>\n<\/ol>\n

          A push-button can link to a URL, an internal or external page, a page section, a file download, or it can initiate an email or a phone call. You can access these alternatives by choosing the push-button on the canvas, then navigating to Element settings<\/strong> > Link settings<\/strong> or by clicking the “cog<\/strong>” icon on the push-button element on the canvas. Explore further about link settings.<\/p>\n

          Methods to personalize a hyperlink section into a push-button<\/h2>\n

          A hyperlink section is akin to a div block \u2014 a container in which you can insert elements. You can obtain hyperlink sections<\/strong> from the Add panel<\/strong> > Basic <\/strong>area.<\/p>\n

          Afterwards move to Add panel<\/strong> > Typography<\/strong> and drag a text block<\/strong> inside the hyperlink section<\/strong>. You can double-tap to edit the text. To eliminate the underline, proceed to Style panel <\/strong>> Typography<\/strong> > Style<\/strong> and press the \u201cX<\/strong>\u201d in Decoration<\/strong>.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"An overview of the button element.","protected":false},"author":2,"featured_media":5935,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[290],"tags":[],"class_list":{"0":"post-5934","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-elements","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/5934","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/comments?post=5934"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/5934\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media\/5935"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media?parent=5934"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/categories?post=5934"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/tags?post=5934"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}