{"id":6999,"date":"2024-04-14T17:38:22","date_gmt":"2024-04-14T09:38:22","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=6999"},"modified":"2024-04-14T17:38:22","modified_gmt":"2024-04-14T09:38:22","slug":"online-networking","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/online-networking\/","title":{"rendered":"Online networking"},"content":{"rendered":"\n
\n

Integrating online networking icons to your site can enhance user engagement and boost visits to both your site and your social profiles.<\/p>\n

This post will guide you on how to incorporate the 2 online networking components offered in Webflow\u2019s Elements Panel:<\/p>\n

    \n
  1. A Facebook approve button<\/li>\n
  2. A Twitter subscribe and post buttons<\/li>\n<\/ol>\n

    Add a Facebook approve button<\/strong><\/h2>\n

    To insert the Facebook element into your design, click the addition symbol (the Add button) on the left toolbar and locate the Facebook component under Components. Drag it onto your layout.<\/p>\n

    \n
    \"The<\/div>\n<\/figure>\n

    Once you\u2019ve placed the Facebook button on the canvas, configure it as follows:<\/p>\n

      \n
    1. Link your Facebook URL (or the URL you wish to spotlight likes for)<\/li>\n
    2. Adjust the Facebook button design and size<\/li>\n
    3. Designate the Facebook button location<\/li>\n<\/ol>\n

      Link your Facebook URL<\/strong><\/h3>\n

      In the Facebook button settings, input the URL of the page you want to link to the button. Facebook will automatically fetch and exhibit the likes for the chosen page. This could be your Facebook page or a website URL you\u2019d like to feature Facebook likes for.<\/p>\n

      If you want, you can include multiple Facebook buttons to your project to link to multiple unique Facebook URLs.<\/p>\n

      Adjust the Facebook button design and size<\/strong><\/h3>\n

      By default, the Facebook button will show alongside the number of likes on the connected Facebook page. In the Facebook button settings, you can alter how the button and likes count are displayed.<\/p>\n

      You have the option to select from 3 layout choices in the button settings:\u00a0\u00a0<\/p>\n

        \n
      • Standard:<\/strong> presents the \u2018like\u2019 button and text summary in a single line<\/li>\n
      • Box:<\/strong> shows the \u2018like\u2019 button and likes count in a box, vertically stacked<\/li>\n
      • Button<\/strong>: condenses the \u2018like\u2019 button and likes count in a single button<\/li>\n<\/ul>\n
        \n
        \"The<\/div>\n<\/figure>\n

        In the button settings, you can also set a unique width and height for the button. To do this, input the desired width and height in the respective fields.<\/p>\n

        Designate the Facebook button location<\/strong><\/h3>\n

        You can specify the regional and language settings of the Facebook component using the Locale settings.<\/p>\n

        Add Twitter subscribe and post buttons<\/strong><\/h2>\n

        Just like for Facebook, drag the Twitter button from the Add panel.<\/p>\n

        Select your button type:\u00a0<\/p>\n

          \n
        1. A post button<\/li>\n
        2. A subscribe button\u00a0<\/li>\n<\/ol>\n

          Create a post button<\/h3>\n

          The post button permits users to swiftly share a link to your site or a specific page from your site on their Twitter profile. This button aids in redirecting traffic from Twitter to your site and enhances the exposure of your content.<\/p>\n

          After adding the Twitter button to the canvas and opting for the post<\/strong> button, you can configure the post button settings:<\/p>\n

            \n
          1. Input the share URL:<\/strong> this URL will form the basis of the shared tweet when users share your page<\/li>\n
          2. Input the tweet text:<\/strong> personalize the text for the pre-filled share tweet<\/li>\n
          3. Show or hide the bubble<\/strong>: Twitter gives you the option to display a bubble, however, considering Twitter no longer shows the count and it only appears as an ellipsis, you may prefer to hide it.<\/li>\n
          4. Select your button size<\/strong><\/li>\n<\/ol>\n
            \n
            The Twitter settings panel displays two tab options for the button, text input fields for both \"share URL\" and \"tweet text\". It also presents tabs for Bubble, layout, size, and a show all settings button.<\/div>\n<\/figure>\n

            Create a Twitter subscribe button<\/h3>\n

            The subscribe button allows users to swiftly discover and follow your Twitter profile, directing traffic from your site to your Twitter profile and boosting engagement with your site\u2019s visitors.<\/p>\n

            Once you\u2019ve included the Twitter button on the canvas and picked the follow<\/strong> button, you can modify the button settings:<\/p>\n

              \n
            1. Enter your Twitter handle:<\/strong> the Twitter account associated with the follow button (excluding the @ sign)\u00a0\u00a0<\/li>\n
            2. Show or hide the bubble:<\/strong> this shows the follower count for the provided handle\u00a0<\/li>\n
            3. Select your button size<\/strong><\/li>\n<\/ol>\n
              \n
              \"The<\/div>\n<\/figure>\n

              To include both a post and follow button on a page, add two separate Twitter buttons to the page.<\/p>\n

              <\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Add Facebook and Twitter buttons to your Webflow site.","protected":false},"author":2,"featured_media":7000,"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-6999","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\/6999","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=6999"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/6999\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media\/7000"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media?parent=6999"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/categories?post=6999"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/tags?post=6999"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}