{"id":399970,"date":"2023-09-19T13:53:18","date_gmt":"2023-09-19T13:53:18","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=399970"},"modified":"2025-12-29T14:09:39","modified_gmt":"2025-12-29T14:09:39","slug":"shopify-custom-hydrogen-theme-documentation","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/","title":{"rendered":"Shopify Hydrogen Theme"},"content":{"rendered":"\n<p id=\"shopify-hydrogen\">The <strong><a href=\"https:\/\/store.webkul.com\/shopify-headless-multi-vendor-marketplace.html\" data-type=\"link\" data-id=\"https:\/\/store.webkul.com\/shopify-headless-multi-vendor-marketplace.html\">Shopify Hydrogen Theme<\/a><\/strong> is a versatile and fully customizable eCommerce solution designed to deliver a seamless and engaging shopping experience for both merchants and customers.<\/p>\n\n\n\n<p>The theme can be used across multiple storefronts and easily configured to match your specific business requirements.<\/p>\n\n\n\n<p id=\"shopify-hydrogen\"><strong><a href=\"https:\/\/webkul.com\/shopify-headless-development\/\" data-type=\"link\" data-id=\"https:\/\/webkul.com\/shopify-headless-development\/\">Shopify Hydrogen custom themes<\/a><\/strong> can be built from scratch or developed using an existing theme framework, then refined to align with your brand identity, layout preferences, and operational needs.<\/p>\n\n\n\n<p>Theme content can also be updated using <strong>Shopify metafields<\/strong>.<\/p>\n\n\n\n<p><strong>Note<\/strong>: To use the Custom Hydrogen theme with the Shopify Multi Vendor Marketplace app, you must have the following apps &#8211;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li id=\"shopify-marketplace\"><a href=\"https:\/\/store.webkul.com\/Shopify-Multi-Vendor-Marketplace.html\">Shopify Multi Vendor Marketplace App<\/a><\/li>\n\n\n\n<li id=\"marketplace-API\"><a href=\"https:\/\/webkul.com\/blog\/shopify-multivendor-marketplace-app-api\/\">Multi Vendor API App<\/a><\/li>\n<\/ul>\n\n\n\n<p><strong>Check the video tutorial below:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-wk-block-youtube-video wp-block-wk-block--yt-video components-placeholder\"><div class=\"wk-block--yt-video-frame\"><div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"Z25pFy3tBMw\"><div class=\"components-placeholder__instructions\">Z25pFy3tBMw<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Why use Shopify hydrogen themes?<\/h3>\n<\/div><\/div>\n\n\n\n<p>Using <strong>Shopify Hydrogen themes<\/strong> offers several strategic and technical advantages for modern eCommerce businesses:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>High performance and speed<\/li>\n\n\n\n<li>Full customization and flexibility<\/li>\n\n\n\n<li>Scalable architecture<\/li>\n\n\n\n<li>Better developer control<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">How is it deployed?<\/h3>\n<\/div><\/div>\n\n\n\n<p>The <strong>custom Shopify Hydrogen theme<\/strong> can be deployed on <strong>Oxygen<\/strong> as well as <strong>non-Oxygen platforms<\/strong> such as Cloudflare.<\/p>\n\n\n\n<p>Once you purchase the custom Shopify Hydrogen theme, the deployment will be handled from our end to ensure proper setup and functionality.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"><strong>What technology stack does the Shopify Hydrogen Theme use?<\/strong><\/h3>\n<\/div><\/div>\n\n\n\n<p>For the creation of the custom Shopify Hydrogen theme, we have used GraphQL storefront<a href=\"https:\/\/webkul.com\/api\/\"> API Development <\/a>for connecting the Shopify backend with the front end. <\/p>\n\n\n\n<p>Apart from that, we have made use of the hydrogen frameworks to create this custom Hydrogen theme, like:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Remix, <\/li>\n\n\n\n<li>Typescript<\/li>\n\n\n\n<li>Tailwind CSS <\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Klaviyo Integration<\/h3>\n<\/div><\/div>\n\n\n\n<p><strong>Klaviyo<\/strong> is a popular eCommerce marketing automation platform used for email, SMS, and targeted campaigns.<\/p>\n\n\n\n<p>It comes <strong>pre-integrated by default<\/strong> with our <strong>custom Shopify Hydrogen Theme<\/strong> for seamless customer engagement.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"566\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/kliviyo-integration-1200x566.png\" alt=\"Shopify Hydrogen Theme-16\" class=\"wp-image-393919\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/kliviyo-integration-1200x566.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/kliviyo-integration-300x141.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/kliviyo-integration-250x118.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/kliviyo-integration-768x362.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/kliviyo-integration.png 1237w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Shopify Storefront: View<\/h3>\n<\/div><\/div>\n\n\n\n<p>The home page of the custom Shopify Hydrogen Theme appears to customers as per the snapshot below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd.png\" alt=\"Shopify Hydrogen Theme-15\" class=\"wp-image-393922\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>On the top left-hand corner, tap on the three horizontal lines, and that brings up the slider showing the various sections. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-1.png\" alt=\"Shopify Hydrogen Theme-14\" class=\"wp-image-394002\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-1.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-1-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-1-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-1-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>From here, you can access various sections of the website. These are customizable as per your requirements, like:<\/p>\n\n\n\n<p><strong>Home Page:<\/strong> This displays the home page of the website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-3.png\" alt=\"Shopify Hydrogen Theme-13\" class=\"wp-image-394004\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-3.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-3-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-3-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-3-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Catalog<\/strong> &#8211; Displays the complete listing of products with filter options on the left-hand side. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-2.png\" alt=\"Shopify Hydrogen Theme-12\" class=\"wp-image-394007\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-2.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-2-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-2-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-2-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Here, the users of the website can easily filter the products using various filtering options.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-4.png\" alt=\"Shopify Hydrogen Theme-11\" class=\"wp-image-394008\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-4.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-4-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-4-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-4-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Collection<\/strong> &#8211; This shows the collections added to the collection section by the store admin.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-5.png\" alt=\"Shopify Hydrogen Theme-10\" class=\"wp-image-394010\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-5.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-5-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-5-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-5-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Marketplace<\/strong> &#8211; Displays the landing page for the users who want to become marketplace vendors. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-6.png\" alt=\"Shopify Hydrogen Theme-9\" class=\"wp-image-394012\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-6.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-6-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-6-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-6-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>It also has content related to the marketplace features that is customizable as per requirements.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-7.png\" alt=\"Shopify Hydrogen Theme-8\" class=\"wp-image-394013\" style=\"width:820px;height:644px\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-7.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-7-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-7-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-7-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Vendors<\/strong> &#8211;  <\/h3>\n\n\n\n<p>This section displays the complete list of marketplace sellers. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-8.png\" alt=\"Shopify Hydrogen Theme-7\" class=\"wp-image-394014\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-8.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-8-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-8-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-8-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The users can also tap on any of the sellers and view their profile page, which has more information related to the marketplace vendor. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-9.png\" alt=\"Shopify Hydrogen Theme-6\" class=\"wp-image-394015\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-9.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-9-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-9-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_asd-9-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The users can view the complete listing of products by the vendor, his recently added products, reviews, policies, and contact information for the seller as well.<\/p>\n\n\n\n<p>Note: Create an account over <a href=\"https:\/\/www.emailjs.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">emailjs<\/a> for the contact us form and add the email service like Gmail or other. After that, provide us with the following details:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Service_id: &#8216;YOUR_SERVICE_ID&#8217;,<\/li>\n\n\n\n<li>Template_id: &#8216;YOUR_TEMPLATE_ID&#8217;,<\/li>\n\n\n\n<li>User_id: &#8216;YOUR_PUBLIC_KEY&#8217;,<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_pages_seller-profileasd.png\" alt=\"Shopify Hydrogen Theme-5\" class=\"wp-image-394016\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_pages_seller-profileasd.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_pages_seller-profileasd-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_pages_seller-profileasd-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_pages_seller-profileasd-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Policies display the seller&#8217;s shipping and other policies. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_pages_seller-profileasd-1.png\" alt=\"Shopify Hydrogen Theme-4\" class=\"wp-image-394017\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_pages_seller-profileasd-1.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_pages_seller-profileasd-1-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_pages_seller-profileasd-1-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_pages_seller-profileasd-1-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The seller contact section shows the seller&#8217;s contact details to the users. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_pages_seller-profileasd-2.png\" alt=\"Shopify Hydrogen Theme-3\" class=\"wp-image-394018\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_pages_seller-profileasd-2.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_pages_seller-profileasd-2-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_pages_seller-profileasd-2-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_pages_seller-profileasd-2-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>There is also a contact us button, that shows the section to get in touch with the seller. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_pages_seller-profileasd-3.png\" alt=\"Shopify Hydrogen Theme-2\" class=\"wp-image-394019\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_pages_seller-profileasd-3.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_pages_seller-profileasd-3-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_pages_seller-profileasd-3-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/mvm.vougish.workers.dev_pages_seller-profileasd-3-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Seller Login Section<\/strong>: <\/p>\n\n\n\n<p>Tapping the Become a Seller button brings up the section from where sellers can log in\/register. After logging in to their account panel, they can manage their products, orders, and more.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/vougish-webkul.sp-seller.webkul.com_index.php_ploginasd.png\" alt=\"Shopify Hydrogen Theme\" class=\"wp-image-394425\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/vougish-webkul.sp-seller.webkul.com_index.php_ploginasd.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/vougish-webkul.sp-seller.webkul.com_index.php_ploginasd-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/vougish-webkul.sp-seller.webkul.com_index.php_ploginasd-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/vougish-webkul.sp-seller.webkul.com_index.php_ploginasd-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>To register as a vendor, tap the Join Now link, and that brings up the below section. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/vougish-webkul.sp-seller.webkul.com_index.php_psignupasd.png\" alt=\"Shopify Hydrogen Theme\" class=\"wp-image-394428\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/vougish-webkul.sp-seller.webkul.com_index.php_psignupasd.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/vougish-webkul.sp-seller.webkul.com_index.php_psignupasd-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/vougish-webkul.sp-seller.webkul.com_index.php_psignupasd-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/vougish-webkul.sp-seller.webkul.com_index.php_psignupasd-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Here, the seller needs to enter the required details and tap the Create my Account button to create their seller account. <\/p>\n\n\n\n<p>After account creation, the vendor can see various sections to manage the seller account panel options. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Dashboard &#8211;<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Dashboard-Seller-%E2%80%A2-Multivendor-MarketPlace-1200x588.png\" alt=\"Dashboard-Seller-\u2022-Multivendor-MarketPlace\" class=\"wp-image-400703\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After that, to update the profile details, navigate to Profile&gt;&gt;My Account.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/My-Account-Seller-%E2%80%A2-Multivendor-MarketPlace-1200x588.png\" alt=\"My-Account-Seller-\u2022-Multivendor-MarketPlace\" class=\"wp-image-400705\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Enter the detail like seller address, zip code and contact.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/My-Account-Seller-%E2%80%A2-Multivendor-MarketPlace-1-1200x682.png\" alt=\"My-Account-Seller-\u2022-Multivendor-MarketPlace-1\" class=\"wp-image-400711\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Then add the seller&#8217;s store description.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/My-Account-Seller-%E2%80%A2-Multivendor-MarketPlace-2-1200x682.png\" alt=\"My-Account-Seller-\u2022-Multivendor-MarketPlace-2\" class=\"wp-image-400712\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After that, add the seller policy and click Save Changes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/My-Account-Seller-%E2%80%A2-Multivendor-MarketPlace-3-1200x588.png\" alt=\"My-Account-Seller-\u2022-Multivendor-MarketPlace-3\" class=\"wp-image-400713\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now add the store banner as shown in the below image:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"675\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Screenshot-from-2023-09-18-13-41-23-1200x675.png\" alt=\"Screenshot-from-2023-09-18-13-41-23\" class=\"wp-image-400714\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Screenshot-from-2023-09-18-13-41-23-1200x675.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Screenshot-from-2023-09-18-13-41-23-300x169.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Screenshot-from-2023-09-18-13-41-23-250x141.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Screenshot-from-2023-09-18-13-41-23-768x432.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Screenshot-from-2023-09-18-13-41-23.png 1366w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Seller profile and status:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/My-Account-Seller-%E2%80%A2-Multivendor-MarketPlace-4-1200x588.png\" alt=\"My-Account-Seller-\u2022-Multivendor-MarketPlace-4\" class=\"wp-image-400716\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Seller shop logo:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/My-Account-Seller-%E2%80%A2-Multivendor-MarketPlace-5-1200x588.png\" alt=\"My-Account-Seller-\u2022-Multivendor-MarketPlace-5\" class=\"wp-image-400717\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, to <strong>Add Products<\/strong>\u00a0seller will click on Products>> Products listing>>Add product.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Product-Seller-%E2%80%A2-Multivendor-MarketPlace-1200x588.png\" alt=\"Product-Seller-\u2022-Multivendor-MarketPlace\" class=\"wp-image-400720\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Then add the details to create a new product, like the product name, type, description, etc., and then click on Save.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Add-Product-Seller-%E2%80%A2-Multivendor-MarketPlace-1200x682.png\" alt=\"Add-Product-Seller-\u2022-Multivendor-MarketPlace\" class=\"wp-image-400723\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Frontend seller profile page:<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Seller-Page-%C2%B7-Webkul-1200x682.png\" alt=\"Seller-Page-\u00b7-Webkul\" class=\"wp-image-400724\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">All Products:<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Seller-Page-%C2%B7-Webkul-1-1200x588.png\" alt=\"Seller-Page-\u00b7-Webkul-1\" class=\"wp-image-400725\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Policy:<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Seller-Page-%C2%B7-Webkul-2-1200x588.png\" alt=\"Seller-Page-\u00b7-Webkul-2\" class=\"wp-image-400726\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Seller Contact details:<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Seller-Page-%C2%B7-Webkul-3-1200x588.png\" alt=\"Seller-Page-\u00b7-Webkul-3\" class=\"wp-image-400727\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Customer End<\/h3>\n<\/div><\/div>\n\n\n\n<p>To become a customer, you first need to register by adding your email and password.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"588\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Seller-Page-Register-1200x588.png\" alt=\"Seller-Page-Register\" class=\"wp-image-400728\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Seller-Page-Register-1200x588.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Seller-Page-Register-300x147.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Seller-Page-Register-250x123.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Seller-Page-Register-768x377.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Seller-Page-Register.png 1289w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Or if you are already a registered user, then login by adding the details:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"588\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Seller-Page-Login-1200x588.png\" alt=\"Seller-Page-Login\" class=\"wp-image-400729\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Seller-Page-Login-1200x588.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Seller-Page-Login-300x147.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Seller-Page-Login-250x123.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Seller-Page-Login-768x377.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Seller-Page-Login.png 1289w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, to view all the sellers, click on Seller.:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"588\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/All-Sellers-Login-1200x588.png\" alt=\"All-Sellers-Login\" class=\"wp-image-400731\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/All-Sellers-Login-1200x588.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/All-Sellers-Login-300x147.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/All-Sellers-Login-250x123.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/All-Sellers-Login-768x377.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/All-Sellers-Login.png 1289w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Click on the particular seller whose profile you want to visit:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Catalog:<\/h3>\n\n\n\n<p>To purchase a product, customers need to click on the catalog:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/All-Products-%C2%B7-Webkul-1200x588.png\" alt=\"All-Products-\u00b7-Webkul\" class=\"wp-image-400736\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After that, click on the product you want to purchase:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Adidas-classic-backpack-%C2%B7-Webkul-1200x588.png\" alt=\"Adidas-classic-backpack-\u00b7-Webkul\" class=\"wp-image-400738\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Then click on the Add to Cart or Buy button to purchase the product as per your choice.<\/p>\n\n\n\n<p>Enter the details at the checkout page as shown in the image:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"682\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Information-Vougish-Checkout-1200x682.png\" alt=\"Information-Vougish-Checkout\" class=\"wp-image-400741\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Information-Vougish-Checkout-1200x682.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Information-Vougish-Checkout-300x171.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Information-Vougish-Checkout-250x142.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Information-Vougish-Checkout-768x437.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Information-Vougish-Checkout.png 1351w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Then click on Continue shipping to select the shipping method.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/%E0%A4%B6%E0%A4%BF%E0%A4%AA%E0%A4%BF%E0%A4%82%E0%A4%97-Vougish-%E0%A4%9A%E0%A5%87%E0%A4%95%E0%A4%86%E0%A4%89%E0%A4%9F-1200x588.png\" alt=\"Shopify-hydogen-theme-payment\" class=\"wp-image-400744\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After that, select the payment method and billing address:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"588\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Payment-Vougish-Checkout-1200x588.png\" alt=\"Payment-Vougish-Checkout\" class=\"wp-image-400746\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Payment-Vougish-Checkout-1200x588.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Payment-Vougish-Checkout-300x147.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Payment-Vougish-Checkout-250x123.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Payment-Vougish-Checkout-768x377.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/Payment-Vougish-Checkout.png 1289w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After that, click on Pay Now to complete the order.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Support<\/h3>\n<\/div><\/div>\n\n\n\n<p>That concludes our overview of the <strong>Shopify Hydrogen Theme<\/strong>.<\/p>\n\n\n\n<p>If you have any questions or suggestions, please feel free to raise a support ticket. We would also appreciate your feedback to help us improve the extension:<br><a href=\"https:\/\/webkul.uvdesk.com\/\"><strong>https:\/\/webkul.uvdesk.com\/<\/strong><\/a><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Shopify Hydrogen Theme is a versatile and fully customizable eCommerce solution designed to deliver a seamless and engaging shopping experience for both merchants and customers. The theme can be used across multiple storefronts and easily configured to match your specific business requirements. Shopify Hydrogen custom themes can be built from scratch or developed using <a href=\"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":273,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15591,3569,4236,841,5981],"tags":[9219,9224,837],"class_list":["post-399970","post","type-post","status-publish","format-standard","hentry","category-knowledge-base-multivendor-marketplace","category-multivendor-shopify-2","category-multivendor-marketplace","category-shopify","category-themes-cs-cart","tag-headless","tag-headless-ecommerce","tag-shopify"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Shopify Hydrogen Theme | Custom Theme Multi Vendor Supported<\/title>\n<meta name=\"description\" content=\"User Guide for Shopify Hydrogen theme show how you can make use of our custom hydrogen theme for your shopify or shopify multi vendor store.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Shopify Hydrogen Theme | Custom Theme Multi Vendor Supported\" \/>\n<meta property=\"og:description\" content=\"User Guide for Shopify Hydrogen theme show how you can make use of our custom hydrogen theme for your shopify or shopify multi vendor store.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-09-19T13:53:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-29T14:09:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/08\/kliviyo-integration-1200x566.png\" \/>\n<meta name=\"author\" content=\"Kavita Singh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kavita Singh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/\"},\"author\":{\"name\":\"Kavita Singh\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/64d84d43c524cac89bfe9b55d0cfcee1\"},\"headline\":\"Shopify Hydrogen Theme\",\"datePublished\":\"2023-09-19T13:53:18+00:00\",\"dateModified\":\"2025-12-29T14:09:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/\"},\"wordCount\":938,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/08\/kliviyo-integration-1200x566.png\",\"keywords\":[\"Headless\",\"headless ecommerce\",\"shopify\"],\"articleSection\":[\"knowledge base Multivendor Marketplace\",\"multivendor\",\"Multivendor Marketplace\",\"Shopify\",\"Themes\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/\",\"url\":\"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/\",\"name\":\"Shopify Hydrogen Theme | Custom Theme Multi Vendor Supported\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/08\/kliviyo-integration-1200x566.png\",\"datePublished\":\"2023-09-19T13:53:18+00:00\",\"dateModified\":\"2025-12-29T14:09:39+00:00\",\"description\":\"User Guide for Shopify Hydrogen theme show how you can make use of our custom hydrogen theme for your shopify or shopify multi vendor store.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/kliviyo-integration.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/kliviyo-integration.png\",\"width\":1237,\"height\":583,\"caption\":\"kliviyo-integration\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Shopify Hydrogen Theme\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/64d84d43c524cac89bfe9b55d0cfcee1\",\"name\":\"Kavita Singh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/273ffe6996d44655ce6645d4b2ea5ff879f07db24c60888f32a2d611749a853e?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/273ffe6996d44655ce6645d4b2ea5ff879f07db24c60888f32a2d611749a853e?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Kavita Singh\"},\"description\":\"Kavita, a seasoned Business Manager, drives growth in e-commerce solutions by implementing strategic management and innovative solutions, ensuring superior performance, and elevating digital commerce for exceptional results.\",\"url\":\"https:\/\/webkul.com\/blog\/author\/kavitasingh-bd984\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Shopify Hydrogen Theme | Custom Theme Multi Vendor Supported","description":"User Guide for Shopify Hydrogen theme show how you can make use of our custom hydrogen theme for your shopify or shopify multi vendor store.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/","og_locale":"en_US","og_type":"article","og_title":"Shopify Hydrogen Theme | Custom Theme Multi Vendor Supported","og_description":"User Guide for Shopify Hydrogen theme show how you can make use of our custom hydrogen theme for your shopify or shopify multi vendor store.","og_url":"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2023-09-19T13:53:18+00:00","article_modified_time":"2025-12-29T14:09:39+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/08\/kliviyo-integration-1200x566.png","type":"","width":"","height":""}],"author":"Kavita Singh","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Kavita Singh","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/"},"author":{"name":"Kavita Singh","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/64d84d43c524cac89bfe9b55d0cfcee1"},"headline":"Shopify Hydrogen Theme","datePublished":"2023-09-19T13:53:18+00:00","dateModified":"2025-12-29T14:09:39+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/"},"wordCount":938,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/08\/kliviyo-integration-1200x566.png","keywords":["Headless","headless ecommerce","shopify"],"articleSection":["knowledge base Multivendor Marketplace","multivendor","Multivendor Marketplace","Shopify","Themes"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/","url":"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/","name":"Shopify Hydrogen Theme | Custom Theme Multi Vendor Supported","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/08\/kliviyo-integration-1200x566.png","datePublished":"2023-09-19T13:53:18+00:00","dateModified":"2025-12-29T14:09:39+00:00","description":"User Guide for Shopify Hydrogen theme show how you can make use of our custom hydrogen theme for your shopify or shopify multi vendor store.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/kliviyo-integration.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/kliviyo-integration.png","width":1237,"height":583,"caption":"kliviyo-integration"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/shopify-custom-hydrogen-theme-documentation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Shopify Hydrogen Theme"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/64d84d43c524cac89bfe9b55d0cfcee1","name":"Kavita Singh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/273ffe6996d44655ce6645d4b2ea5ff879f07db24c60888f32a2d611749a853e?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/273ffe6996d44655ce6645d4b2ea5ff879f07db24c60888f32a2d611749a853e?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Kavita Singh"},"description":"Kavita, a seasoned Business Manager, drives growth in e-commerce solutions by implementing strategic management and innovative solutions, ensuring superior performance, and elevating digital commerce for exceptional results.","url":"https:\/\/webkul.com\/blog\/author\/kavitasingh-bd984\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/399970","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/273"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=399970"}],"version-history":[{"count":22,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/399970\/revisions"}],"predecessor-version":[{"id":519263,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/399970\/revisions\/519263"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=399970"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=399970"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=399970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}