{"id":5762,"date":"2024-04-14T12:13:42","date_gmt":"2024-04-14T04:13:42","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=5762"},"modified":"2024-04-14T12:13:42","modified_gmt":"2024-04-14T04:13:42","slug":"integrate-a-shopping-basket-into-each-page-of-your-ecommerce-platform","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/integrate-a-shopping-basket-into-each-page-of-your-ecommerce-platform\/","title":{"rendered":"Integrate a shopping basket into each page of your Ecommerce platform"},"content":{"rendered":"\n
\n

The basket, also known as the shopping cart, enables online consumers to collect the products they desire to buy from your digital store in a single location. Incorporating a basket on every page of your platform enables consumers to swiftly see the quantity of products in the basket and the subtotal. With just a single click, consumers can access the basket to view its contents. Moreover, the basket allows users to proceed to the checkout after completing their shopping.<\/p>\n

Regarding this instructional guide<\/h5>\n
    \n
  1. Adding a basket anywhere<\/li>\n
  2. Incorporating a basket on every page<\/li>\n<\/ol>\n
    Prerequisites for this guide<\/h5>\n
      \n
    • Symbols<\/li>\n
    • Navigation bar<\/li>\n<\/ul>\n

      Embedding a basket<\/h2>\n

      You can include a basket component from the Addition panel or utilize Quick find (CMD\/CTRL+E).<\/p>\n

      Find out more:<\/strong>\u00a0Basket element<\/p>\n

      \n
      <\/div>\n<\/figure>\n
      \n
      <\/div>\n<\/figure>\n

      Including a shopping basket on every page<\/h2>\n

      If you have a navigation bar saved as a symbol, you can integrate your basket into that navigation bar, and it will display on all your pages where you’ve previously added your navigation bar. Alternatively, you can craft a new symbol encompassing the basket and add it to your pages as you build them.<\/p>\n

      Integrating a basket into an existing symbol<\/h3>\n

      Whether you’re commencing with a template or a designed site that already includes a navigation bar saved as a symbol, you can insert the basket directly inside the navigation bar, and your basket will show on all your pages.<\/p>\n

      Find out more:<\/strong> Symbols<\/p>\n

      Developing a new navigation bar symbol with a basket<\/h3>\n

      Starting from scratch? Append a navigation bar to your page, add a basket in your navigation bar, and save the navigation bar as a symbol. Then, insert the symbol on each of your pages as you construct them.<\/p>\n

      Find out more:<\/strong>\u00a0Navigation bar<\/p>\n

      You can customize the navigation bar and your basket anytime, and the modifications will apply to all pages. To gain more insights about styling elements in a symbol, refer to the guide on Symbols.<\/h6>\n

      Saving the basket as a symbol<\/h3>\n

      If you prefer not to include the basket in your navigation bar, you can store the basket itself as a symbol and embed it on any page you prefer. Choose the primary basket<\/strong> component, and press CMD\/CTRL+Shift+A.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Add a shopping cart onto every page of your Ecommerce site and enhance your customer experience.","protected":false},"author":2,"featured_media":5289,"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":[297],"tags":[],"class_list":{"0":"post-5762","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-ecommerce-user-accounts","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/5762","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=5762"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/5762\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media\/5324"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media?parent=5762"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/categories?post=5762"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/tags?post=5762"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}