{"html":"\u003cdiv class=\"sc-container sc-me\" id=\"SC-article-get-ecommerce-up-and-running\"\u003e\n  \u003cdiv class=\"SC-Grid\"\u003e\n      \u003cdiv class=\"SC-Grid_sidebar\"\u003e\u003cnav class=\"SC-PageNav\"\u003e\n  \u003cdiv class=\"SC-PageNav_content is-hidden\" data-toggle-visibility-target=\"article-sidebar\"\u003e\n    \u003cdiv class=\"SC-PageNav_heading\"\u003e\n      Categories\n    \u003c/div\u003e\n        \u003ca href=\"/articles/news\" class=\"SC-PageNav_link\"\u003eNews \u0026amp; Updates\u003c/a\u003e\n        \u003ca href=\"/articles/podcasts\" class=\"SC-PageNav_link\"\u003ePodcasts\u003c/a\u003e\n        \u003ca href=\"/articles/media\" class=\"SC-PageNav_link\"\u003eMedia\u003c/a\u003e\n        \u003ca href=\"/articles/blogs\" class=\"SC-PageNav_link\"\u003eBlogs\u003c/a\u003e\n        \u003ca href=\"/articles/case-studies\" class=\"SC-PageNav_link\"\u003eCase Studies\u003c/a\u003e\n        \u003ca href=\"/articles/events\" class=\"SC-PageNav_link\"\u003eUpcoming Events\u003c/a\u003e\n        \u003ca href=\"/articles/tutorials\" class=\"SC-PageNav_link\"\u003eTutorials\u003c/a\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"SC-PageNav_menu-toggle target-hidden\" data-toggle-visibility=\"article-sidebar\"\u003e\u003csvg class=\"\" width=\"12\" viewBox=\"0 0 100 100\"\u003e\n  \u003cpath d=\"M56.7,75.75 L95.4,37.05 C98.8,33.65 98.8,28.05 95.4,24.65 C92,21.25 86.4,21.25 83,24.65 L50.5,57.05 L18,24.55 C14.6,21.15 9,21.15 5.6,24.55 C3.9,26.25 3,28.55 3,30.75 C3,33.05 3.9,35.25 5.6,36.95 L44.3,75.75 C47.7,79.15 53.3,79.15 56.7,75.75 Z\"\u003e\u003c/path\u003e\n\u003c/svg\u003e\n  \u003cdiv\u003e\n\u003c/nav\u003e\n      \u003c/div\u003e\n\n    \u003cdiv class=\"SC-Grid_main\"\u003e\n      \u003csection class=\"sc-rich-text\"\u003e\n        \u003carticle class=\"SC-Article\"\u003e\u003cheader class=\"SC-PageHeader \" \u003e\n    \u003ch1 class=\"SC-PageHeader_heading\"\u003e\n      Get eCommerce up and running in an afternoon within Salesforce\n    \u003c/h1\u003e\n\u003c/header\u003e\n              \u003cimg src=\"https://res.cloudinary.com/hzkr6fi81/image/upload/c_fit,f_auto,h_1024,w_1024/v1/media/get-ecommerce-up.png\" class=\"sc-mb-base\" loading=\"lazy\"\u003e\n            \u003cdiv class=\"sc-mb-base sc-shade-neutral\"\u003e\n              May 16, 2022\n            \u003c/div\u003e\n          \u003cp\u003eBeing a whizbang System Admin for all things Salesforce, your boss has approached you with the idea of getting your new Health Check service up on the web for new and existing clients to see and buy and of course make sure that all the orders placed end up in Salesforce.\u003c/p\u003e\n\n\u003cp\u003eWhy not completely surprise the boss by having an eCommerce solution up and running with your new product, with a working checkout before tomorrow’s team meeting, and of course have this all fully integrated with Salesforce. Don’t think this is possible? Have a look at what you can achieve in an afternoon with StoreConnect.\u003c/p\u003e\n\n\u003cp\u003eFor the uninitiated, StoreConnect is an AppExchange Managed Package that you can install into your Salesforce org that provides a complete solution to create, host and manage a highly scalable website and eCommerce solution. It requires no other system (like Wordpress or Shopify or Communities) to get up and running and you can install it with a site live and working all within an afternoon.\u003c/p\u003e\n\n\u003cp\u003eStoreConnect does this by leveraging all the Account, Contact, Product and Pricebook information you already have in Salesforce and by giving you tools to manage and create content that is automatically published to the web via the StoreConnect servers.\u003c/p\u003e\n\n\u003cp\u003eHere’s a 3 minute demo jam video to show you briefly how it works;\u003c/p\u003e\n\n\u003ciframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/GsWLsFd_-RA\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"\u003e\u003c/iframe\u003e\n\n\u003cp\u003eSo, time’s ticking, let’s get started!\u003c/p\u003e\n\n\u003ch3 id=\"install-the-storeconnect-managed-package-from-the-app-exchange\"\u003eInstall the StoreConnect Managed Package from the App Exchange\u003c/h3\u003e\n\n\u003cp\u003eFirst step is to install StoreConnect from the AppExchange. Go to our \u003ca href=\"https://appexchange.salesforce.com/appxListingDetail?listingId=a0N3A00000FMkeKUAT\" target=\"_blank\"\u003eAppExchange Listing\u003c/a\u003e and click the “Get it Now” button.\u003c/p\u003e\n\n\u003cp\u003e\u003cimg src=\"https://res.cloudinary.com/hzkr6fi81/image/upload/v1652690644/media/Screen_Shot_2022-04-08_at_14.43.42.png\" alt=\"\" width=\" 50% \" /\u003e\u003c/p\u003e\n\n\u003cp\u003eAs with all packages you install to Salesforce, best practice is to install into a Sandbox or a development edition org to get an understanding for how it works.\u003c/p\u003e\n\n\u003cp\u003eStoreConnect comes with out-of-the-box permission sets that you can assign to users building stores, handling orders, administering, and handling customer enquiries. Your best option is not to install for all users but admins only. You can then assign the out of the box permission sets, or your own custom ones, to users based on what you want them to be able to access.\u003c/p\u003e\n\n\u003cp\u003e\u003cimg src=\"https://res.cloudinary.com/hzkr6fi81/image/upload/v1652690818/media/Screen_Shot_2022-04-13_at_14.57.55.png\" alt=\"\" width=\" 50% \" /\u003e\u003c/p\u003e\n\n\u003cp\u003eTo serve your media quicker (and save you from hitting Salesforce data limits!) StoreConnect uses an external CDN (Content Delivery Network). It handles storage and delivery of your store’s media, such as product images, website banners, instructional videos or maybe downloadable PDFs for your Introductory Service. You will need to grant access to the CDN as well as our StoreConnect provisioning system that will allow us to create the connection between your brand new StoreConnect site and your Salesforce org..\u003c/p\u003e\n\n\u003cp\u003e\u003cimg src=\"https://res.cloudinary.com/hzkr6fi81/image/upload/v1652691150/media/Screen_Shot_2022-04-13_at_14.59.13.png\" alt=\"\" width=\" 35% \" /\u003e\u003c/p\u003e\n\n\u003cp\u003eOnce you’ve installed the package, it’s time to configure your store using the setup wizard.\u003c/p\u003e\n\n\u003cp\u003eThe wizard will ask you to upload a logo, so while you wait for a ‘success’ email to land in your inbox, get your hands on your logo. Something around 70px to 100px in height is good.\u003c/p\u003e\n\n\u003ch3 id=\"storeconnects-setup-wizard\"\u003eStoreConnect’s Setup Wizard\u003c/h3\u003e\n\n\u003cp\u003eOnce the StoreConnect package is installed in your org, System Admins will have access to a few new apps. Use the App Launcher to find the \u003cstrong\u003eStoreConnect Config\u003c/strong\u003e app.\u003c/p\u003e\n\n\u003cp\u003e\u003cimg src=\"https://res.cloudinary.com/hzkr6fi81/image/upload/v1652691744/media/Screen_Shot_2022-05-16_at_17.01.04.png\" alt=\"\" width=\" 25% \" /\u003e\u003c/p\u003e\n\n\u003cp\u003eFrom there, you will see the StoreConnect Setup tab, a wizard that will handle some of the heavy-lifting and boot up your website and connect it to your org.\u003c/p\u003e\n\n\u003cp\u003e\u003cimg src=\"https://res.cloudinary.com/hzkr6fi81/image/upload/v1652691759/media/Screen_Shot_2022-04-13_at_15.09.16.png\" alt=\"\" width=\" 25% \" /\u003e\u003c/p\u003e\n\n\u003cp\u003eThe wizard will take you through these steps:\u003c/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eWelcome\u003c/strong\u003e\u003cbr /\u003e\nWe are going to self-install so click ‘Let’s go, I got this…’ to get rolling.\u003c/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eName Your Store\u003c/strong\u003e\u003cbr /\u003e\nThis is for your reference and is not shown to your store visitors.\u003c/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eChoose a Theme\u003c/strong\u003e\u003cbr /\u003e\nTo get you started, choose one of the out-of-the-box themes. You can always change it later, so don’t stress too much over the differences between each one, just go with the Clean theme for now.\u003c/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eSet your Stores ‘From’ Email Address\u003c/strong\u003e\u003cbr /\u003e\nFor a live store, it is essential to understand that you also configure this email address as an ‘Organization-Wide Address’ in Salesforce Setup. If you don’t add and verify it as an Org-wide address, customers will receive transactional emails from the email address of the Synchronisation user (which you choose in a later step).\u003c/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eUpload your Logo\u003c/strong\u003e\u003cbr /\u003e\nGo to your corporate website and find your company logo. A horizontal or square one is best.  Go ahead and upload this as a new media record, call it “Company Logo”. If you have speedily done the previous steps, you might have to wait a moment (2 to 3 minutes) while your dedicated site CDN is set up.\u003c/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eCreate Reserved Products for System Use\u003c/strong\u003e\u003cbr /\u003e\nStoreConnect uses the ‘Order’ object and ‘Order Products’ for each order line item. An ‘Order Product’ needs to be added to the order to include shipping in the orders total. So this product must exist in your Salesforce org and is automatically created for you. A product is likewise created for Promotions so when a promo code is used, discounts get applied to the order and come off the orders total.\u003c/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eCreate your first Product Category\u003c/strong\u003e\u003cbr /\u003e\nChoose a name for your first product category, in this case we are creating an introductory service, so let’s just call it “Introductory Services”.\u003c/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eSet your Branding Colours\u003c/strong\u003e\u003cbr /\u003e\nYour branding colours are added to your store’s Custom Styling field as CSS where you can change them later on if needed. Just choose some colours that closely match the main colours of your logo. If you are unsure, you can just leave them as the default choices and change them later.\u003c/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eAssign your Logo to your Store\u003c/strong\u003e\u003cbr /\u003e\nSelect the logo you just uploaded by searching for “Company Logo” and selecting it.\u003c/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eSelect the Default Price Book for your Store\u003c/strong\u003e\u003cbr /\u003e\nSelect the orgs standard price book, usually you just type “Standard” and then select it. If you can’t find the Standard Price Book in the search box, check that you have an active price book in your org, if not, you will need to activate or create one.\u003c/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eDo List Prices Include Tax?\u003c/strong\u003e\u003cbr /\u003e\nAdding tax to the list price at checkout requires Zones and Taxes to be configured. For your demonstration to the team, you can skip this so just set this checkbox to true for now.\u003c/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eSelect the Currency for your Store\u003c/strong\u003e\u003cbr /\u003e\nUse the currency’s 3-character ISO code. ie. USD or EUR, etc.\u003c/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eChoose a Salesforce User to act as the Synchronisation User\u003c/strong\u003e\nAs a System Admin, use your own credentials for the trial, once you are going live, best practice for all managed packages is to have an integration user, but you can always come back and change this later.\u003c/p\u003e\n\n\u003ch3 id=\"setting-up-your-page-layouts\"\u003eSetting up your Page Layouts\u003c/h3\u003e\n\n\u003cp\u003eIf you are working in a sandbox Developer org or a Trailhead Playground, you could assign the StoreConnect page layouts to your profile, giving you all the required fields and related lists.\u003c/p\u003e\n\n\u003col\u003e\n  \u003cli\u003eFrom the Products tab, click on the cog wheel and select Edit Object\u003c/li\u003e\n  \u003cli\u003eSelect the Page Layout section from the left column\u003c/li\u003e\n  \u003cli\u003eClick on the upper right Page Layout Assignment button\u003c/li\u003e\n  \u003cli\u003eClick on the Edit Assignment button\u003c/li\u003e\n  \u003cli\u003eSelect at least your profile\u003c/li\u003e\n  \u003cli\u003eChange the assignment to the StorerConnect Product Layout\u003c/li\u003e\n\u003c/ol\u003e\n\n\u003cp\u003eDo the same for the Orders object using the StoreConnect Order Layout.\u003c/p\u003e\n\n\u003cp\u003eIf you need to maintain using your current page Layouts, that is fine. You just need to add to them the StoreConnect fields and related lists you will be using.\u003c/p\u003e\n\n\u003cp\u003eFor your Products page layout, make sure these fields are on your layout at least:\u003c/p\u003e\n\n\u003cul\u003e\n  \u003cli\u003eDisplay Name\u003c/li\u003e\n  \u003cli\u003eActive\u003c/li\u003e\n  \u003cli\u003eIs Master\u003c/li\u003e\n  \u003cli\u003eAvailable On\u003c/li\u003e\n  \u003cli\u003eSlug\u003c/li\u003e\n  \u003cli\u003eMedia Upload\u003c/li\u003e\n  \u003cli\u003eSummary\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003cp\u003eMake sure you have these Related Lists:\u003c/p\u003e\n\n\u003cul\u003e\n  \u003cli\u003ePrice Book\u003c/li\u003e\n  \u003cli\u003eCategories containing this product\u003c/li\u003e\n  \u003cli\u003eMedia used by this product\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003cp\u003eFor your Orders page layout, add these fields to your layout:\u003c/p\u003e\n\n\u003cul\u003e\n  \u003cli\u003eStore ID\u003c/li\u003e\n  \u003cli\u003eCustomer Notes\u003c/li\u003e\n  \u003cli\u003eAbandoned\u003c/li\u003e\n  \u003cli\u003eCheckout Step\u003c/li\u003e\n  \u003cli\u003eAll of the Contact fields\u003c/li\u003e\n  \u003cli\u003eAll of the Checkout fields\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003cp\u003eMake sure you have these Related Lists:\u003c/p\u003e\n\n\u003cul\u003e\n  \u003cli\u003eOrder Product\u003c/li\u003e\n  \u003cli\u003ePayments\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch3 id=\"add-a-payment-option-to-your-store\"\u003eAdd a Payment Option to your Store\u003c/h3\u003e\n\n\u003cp\u003eTo complete a checkout, your customers will need a way to pay for their order. There are a number of supported payment providers to accept credit card payments. If you have an account already, use the test credentials they have supplied you. Otherwise go to \u003ca href=\"https://stripe.com\" target=\"_blank\"\u003eStripe’s website\u003c/a\u003e and create an account. When you first sign up for Stripe, you may get asked to activate payments. Activating payments will take you through the steps needed to give you a live payment gateway that receives real payments. You can skip this for now if you want and go straight to your dashboard where you will be able to access your test credentials.\u003c/p\u003e\n\n\u003cp\u003eIn the StoreConnect wizard’s Payment Gateway step, select Stripe, enter your Stripe credentials and set mode to “Test”\u003c/p\u003e\n\n\u003cp\u003e\u003cimg src=\"https://res.cloudinary.com/hzkr6fi81/image/upload/v1652694237/media/Payment_Gateway.png\" alt=\"\" width=\" 50% \" /\u003e\u003c/p\u003e\n\n\u003ch3 id=\"creating-your-health-check-product\"\u003eCreating your Health Check Product\u003c/h3\u003e\n\n\u003cp\u003eThe installer offers you the opportunity to get one of your products live on the store to get you started. Search your org for the Health Check Service to see if it already exists as a record in the Products object. If it does, you can use that product but will need to follow along to get all the checks passing and have your service display in your store.\u003c/p\u003e\n\n\u003ch4 id=\"create-the-product\"\u003eCreate the Product\u003c/h4\u003e\n\n\u003cp\u003eIf your service is not yet in Salesforce, create it. (If you do have a product, open the product record and press edit.)\u003c/p\u003e\n\n\u003col\u003e\n  \u003cli\u003eFrom the Products tab, click ‘New’ (if creating a new one)\u003c/li\u003e\n  \u003cli\u003ePopulate these fields\n    \u003col\u003e\n      \u003cli\u003eProduct Name = Health Check Service\u003c/li\u003e\n      \u003cli\u003eDisplay Name = Health Check\u003c/li\u003e\n      \u003cli\u003eActive = True\u003c/li\u003e\n      \u003cli\u003eIs Mater = True\u003c/li\u003e\n      \u003cli\u003eAvailable On = Yesterday’s date\u003c/li\u003e\n    \u003c/ol\u003e\n  \u003c/li\u003e\n  \u003cli\u003eSave the record\u003c/li\u003e\n\u003c/ol\u003e\n\n\u003cp\u003e\u003cimg src=\"https://res.cloudinary.com/hzkr6fi81/image/upload/v1652694269/media/New_Product.png\" alt=\"\" width=\" 50% \" /\u003e\u003c/p\u003e\n\n\u003ch4 id=\"add-a-price\"\u003eAdd a Price\u003c/h4\u003e\n\n\u003cp\u003eFrom the products Related List, add a price book entry for the orgs standard price book.\u003c/p\u003e\n\n\u003col\u003e\n  \u003cli\u003eFrom the Price Book related list, click ‘Add Standard Price’\u003c/li\u003e\n  \u003cli\u003eSet the List price for your Health Check service\u003c/li\u003e\n  \u003cli\u003eSave the record\u003c/li\u003e\n\u003c/ol\u003e\n\n\u003cp\u003e\u003cimg src=\"https://res.cloudinary.com/hzkr6fi81/image/upload/v1652694292/media/Product_Price.png\" alt=\"\" width=\" 45% \" /\u003e\u003c/p\u003e\n\n\u003ch4 id=\"add-your-product-to-a-product-category\"\u003eAdd your Product to a Product Category\u003c/h4\u003e\n\n\u003cp\u003eFind the Categories Containing This Product related list and click ‘New’.\n1. Select your Introductory Services product category\n2. Save the record\u003c/p\u003e\n\n\u003cp\u003e\u003cimg src=\"https://res.cloudinary.com/hzkr6fi81/image/upload/v1652694328/media/add_to_product_category.png\" alt=\"\" width=\" 45% \" /\u003e\u003c/p\u003e\n\n\u003ch4 id=\"add-an-image-to-your-product\"\u003eAdd an Image to your Product\u003c/h4\u003e\n\n\u003cp\u003eFrom your products Details page, find the Media Upload link and click it, then populate these fields:\u003c/p\u003e\n\n\u003col\u003e\n  \u003cli\u003eName = Health Check Services\u003c/li\u003e\n  \u003cli\u003eType = Image\u003c/li\u003e\n  \u003cli\u003eAlt Text = Health Check Service Image\u003c/li\u003e\n  \u003cli\u003eImport URL = https://live.staticflickr.com/7428/16203259800_c88e79adb9_h.jpg\u003c/li\u003e\n\u003c/ol\u003e\n\n\u003cp\u003eNow save the record. Of course, if you have another image you want to use, you can either specify a different import URL or drag and drop it into the Upload File box.\u003c/p\u003e\n\n\u003cp\u003e“Secure Data - Cyber Security” Image courtesy of \u003ca href=\"http://www.bluecoat.com\" target=\"_blank\"\u003eBlue Coat Photos\u003c/a\u003e\u003c/p\u003e\n\n\u003cp\u003e\u003cimg src=\"https://res.cloudinary.com/hzkr6fi81/image/upload/v1652694366/media/Add_Media.png\" alt=\"\" width=\" 35% \" /\u003e\u003c/p\u003e\n\n\u003cp\u003eIf you look at your new media record, you will notice the URL field is empty. This will populate automatically within 10 minutes, once the image has been uploaded to the CDN.\u003c/p\u003e\n\n\u003ch4 id=\"complete-the-wizard-and-test-your-store\"\u003eComplete the Wizard and Test your Store\u003c/h4\u003e\n\n\u003cp\u003eGo back to the StoreConnect Setup wizard in the StoreConnect Config app and click ‘Check’. You should be able to see all items passing and should look like:\u003c/p\u003e\n\n\u003cp\u003e\u003cimg src=\"https://res.cloudinary.com/hzkr6fi81/image/upload/v1652694408/media/Product_Passing.png\" alt=\"\" width=\" 50% \" /\u003e\u003c/p\u003e\n\n\u003cp\u003eIf not, go back and check over your products configuration until you have all green ticks.\u003c/p\u003e\n\n\u003cp\u003eAt completion of the wizard, you will be given a temporary domain (which can also be found on your Store record).  While the site is building you will see an under construction banner while the site is being created, but once the store is live you can visit it, you will get a blank page with your company logo and  should be able to see your product category “Introductory Services” in the menu of your site, it should look something like this.\u003c/p\u003e\n\n\u003cp\u003e\u003cimg src=\"https://res.cloudinary.com/hzkr6fi81/image/upload/v1652694452/media/Home_Page.png\" alt=\"\" width=\" 50% \" /\u003e\u003c/p\u003e\n\n\u003cp\u003eClick on the Introductory Services and you should see your Health Check service:\u003c/p\u003e\n\n\u003cp\u003e\u003cimg src=\"https://res.cloudinary.com/hzkr6fi81/image/upload/v1652694485/media/Product_Category.png\" alt=\"\" width=\" 50% \" /\u003e\u003c/p\u003e\n\n\u003cp\u003eGo ahead and click on the Health Check Service and you will be able to see the image, the price and if you click “Buy it Now” you should be able to complete your checkout. If you used a Stripe test credit card account, use this test credit card:\u003c/p\u003e\n\n\u003cp\u003eName: Your Name\u003cbr /\u003e\nNumber: 4242 4242 4242 4242\u003cbr /\u003e\nExpiry: Any date in the future within 3 years\u003cbr /\u003e\nCVC: 123\u003c/p\u003e\n\n\u003cp\u003eGo ahead and complete a checkout. Once done you will see your order number. Very soon after, you will be able to see your order appear in the Orders tab of Salesforce or you can just search for it in the Search bar using your orders reference number.\u003c/p\u003e\n\n\u003ch4 id=\"make-your-product-even-better\"\u003eMake your Product even better\u003c/h4\u003e\n\n\u003cp\u003eLet’s add a little more content to your product to make it more informative and enticing to your clients. We are going to use Markdown for easy formatting of our text.\u003c/p\u003e\n\n\u003cp\u003eEdit your Health Check Service product and add the following text to your Summary field:\u003c/p\u003e\n\n\u003cpre\u003e\u003ccode\u003e### Get your system checked by our experts\n\nThe Health Check will take a look at your system and provide you with \nrecommended improvements to keep your system efficient and secure.\n\u003c/code\u003e\u003c/pre\u003e\n\n\u003cp\u003e\u003cbr /\u003e\nReplace the text in your Features Markdown field with:\u003c/p\u003e\n\n\u003cpre\u003e\u003ccode\u003eOur recommendations will include any:\n\n- UX opportunities  \n- Data optimisations  \n- Speed checks\n- Code checks\n- Security improvements, including any patches you are missing\n- Any other opportunities we see to improve your system\n\u003c/code\u003e\u003c/pre\u003e\n\n\u003cp\u003e\u003cbr /\u003e\nWe want to relabel the Features section so:\u003c/p\u003e\n\n\u003col\u003e\n  \u003cli\u003eFind the store’s record by searching for Stores in the App Launcher\u003c/li\u003e\n  \u003cli\u003eScroll to the bottom of the page layout and find the Product Tabs section\u003c/li\u003e\n  \u003cli\u003eChange “Features” to “What’s Included”\u003c/li\u003e\n\u003c/ol\u003e\n\n\u003cp\u003eCheck out your Health Check product page to see your formatted text. It can take a minute for your changes to sync over to the website. It should look something like this:\u003c/p\u003e\n\n\u003cp\u003e\u003cimg src=\"https://res.cloudinary.com/hzkr6fi81/image/upload/v1652694519/media/Screen_Shot_2022-05-05_at_20.44.06.png\" alt=\"\" width=\" 50% \" /\u003e\u003c/p\u003e\n\n\u003cp\u003eYou may have noticed your site is missing a homepage. This will detract from your demonstration for sure but being a one-product website, why not use your existing website and link to your product, removing the need for another homepage.\u003c/p\u003e\n\n\u003ch3 id=\"create-a-custom-menu\"\u003eCreate a Custom Menu\u003c/h3\u003e\n\n\u003cp\u003eFirstly, let’s customise your menu so you have links to your existing website plus our Health Check product. To do this, we are going to build a new menu to replace the default menu.\u003c/p\u003e\n\n\u003col\u003e\n  \u003cli\u003eFind and open the Menus tab from the App Launcher\u003c/li\u003e\n  \u003cli\u003eClick ‘New’\u003c/li\u003e\n  \u003cli\u003eCall you Menu “Header Menu”\u003c/li\u003e\n  \u003cli\u003eGive it an Identifier of “header”\u003c/li\u003e\n  \u003cli\u003eSave the record\u003c/li\u003e\n\u003c/ol\u003e\n\n\u003cp\u003e\u003cimg src=\"https://res.cloudinary.com/hzkr6fi81/image/upload/v1652694594/media/Menu.png\" alt=\"\" width=\" 35% \" /\u003e\u003c/p\u003e\n\n\u003cp\u003eNow let’s add some items to your menu.\u003c/p\u003e\n\n\u003col\u003e\n  \u003cli\u003eGo to the Menu Item Related List\u003c/li\u003e\n  \u003cli\u003eClick ‘New’\u003c/li\u003e\n  \u003cli\u003eName your menu item “Main Website”\u003c/li\u003e\n  \u003cli\u003eGive a display name of “ Home”\u003c/li\u003e\n  \u003cli\u003eGive an Identifier of “home”\u003c/li\u003e\n  \u003cli\u003eSet the Position to “1”\u003c/li\u003e\n  \u003cli\u003eAdd your websites URL to the URL field\u003c/li\u003e\n  \u003cli\u003eClick Save \u0026amp; New to create another Menu Item\u003c/li\u003e\n\u003c/ol\u003e\n\n\u003cp\u003e\u003cimg src=\"https://res.cloudinary.com/hzkr6fi81/image/upload/v1656892361/media/Article_-_Menu_Item.png\" alt=\"\" width=\" 35% \" /\u003e\u003c/p\u003e\n\n\u003cp\u003eFor the next Menu Item:\u003c/p\u003e\n\n\u003col\u003e\n  \u003cli\u003eName your menu item “Health Check Service”\u003c/li\u003e\n  \u003cli\u003eGive a display name of “ Health Check”\u003c/li\u003e\n  \u003cli\u003eGive an Identifier of “health-check”\u003c/li\u003e\n  \u003cli\u003eSet the Position to “2”\u003c/li\u003e\n  \u003cli\u003ePoint the Product Lookup to your Health Check product\u003c/li\u003e\n  \u003cli\u003eSave your record\u003c/li\u003e\n\u003c/ol\u003e\n\n\u003cp\u003eTo get your new menu to replace the default, go to the Store record and in the CMS section, point the Header Menu lookup to your new menu.\u003c/p\u003e\n\n\u003ch3 id=\"give-customers-a-way-to-find-and-buy-your-service\"\u003eGive Customers a way to Find and Buy your Service\u003c/h3\u003e\n\n\u003cp\u003eNow we need to get traffic to your product from your existing website. There are a few ways to do this. One way is to simply add a link directly to the product page. To find the product link, you can navigate to it via your menu and copy it from your browser’s address bar. You can customise the path by editing the Slug field on the product record.\nYour products path will be {your-domain}/products/{slug}\u003c/p\u003e\n\n\u003cp\u003eAnother way is to make use of the Buy Button feature. This is a link that when clicked, adds your product to the cart automatically and can even take your customer directly to the checkout making their purchase a breeze.\u003c/p\u003e\n\n\u003cp\u003eThis is the URL you would use for your buy button or link, of course making sure you use your stores domain and products slug.\u003c/p\u003e\n\n\u003cp\u003e\u003ccode\u003e{your-domain}/cart/{slug}:1\u003c/code\u003e\u003c/p\u003e\n\n\u003cp\u003eFor example, if your domain was s-my-store-001234123412abcd.herokuapp.com, and your product slug is health-check-service, your buy it now URL would be:\u003c/p\u003e\n\n\u003cp\u003ehttps://s-my-store-001234123412abcd.herokuapp.com/cart/health-check-service:1\u003c/p\u003e\n\n\u003cp\u003eYou can splash this URL around wherever you like, including marketing emails. Add a UTM tracking code to each usage of your buy button URL so you can track what link led to each sale.\u003c/p\u003e\n\n\u003ch3 id=\"redirect-the-stores-homepage-to-your-service\"\u003eRedirect the store’s Homepage to your service\u003c/h3\u003e\n\n\u003cp\u003eNow that you have a store running, you’ll notice that if you go to the home page, you just get a blank page, this is not ideal as customers might end up there and not be sure on what to do. As you are only selling one service on this site what we’ll do is redirect the homepage to the product page.\u003c/p\u003e\n\n\u003cp\u003eStoreConnect includes a powerful redirect solution for redirecting various pages on your site, but by design this does not work with the home page because the home page should load as fast as possible.\u003c/p\u003e\n\n\u003cp\u003eSo in order to do this we need to create a HEAD content block for the store that uses some liquid to show the redirect code when we are on the home page as well as a Page record for the store’s homepage that includes backup redirect code. While we are doing this we are also introducing you to StoreConnects ability to use the liquid templating language.\u003c/p\u003e\n\n\u003col\u003e\n  \u003cli\u003eFrom the StoreConnect CMS app, open the Content Blocks tab\u003c/li\u003e\n  \u003cli\u003eCreate a new content block\u003c/li\u003e\n  \u003cli\u003eChoose the ‘No added styling’ template\u003c/li\u003e\n  \u003cli\u003eGive a name of “Header Content”\u003c/li\u003e\n  \u003cli\u003eAdd the following Liquid code to the Content field and then save\u003c/li\u003e\n\u003c/ol\u003e\n\n\u003cpre\u003e\u003ccode\u003e{% if current_request.path == '/' %}\n\u0026lt;meta http-equiv=\"refresh\" content=\"0;url=/products/health-check-service\" /\u0026gt;\n{% endif %}\n\u003c/code\u003e\u003c/pre\u003e\n\n\u003cp\u003e\u003cbr /\u003e\nYou can also add any google analytics code in this content block.\u003c/p\u003e\n\n\u003cp\u003e\u003cimg src=\"https://res.cloudinary.com/hzkr6fi81/image/upload/v1652694638/media/Content_Block_1.png\" alt=\"\" width=\" 35% \" /\u003e\n\u003cbr /\u003e\n\u003cimg src=\"https://res.cloudinary.com/hzkr6fi81/image/upload/v1652694656/media/Content_Block_2.png\" alt=\"\" width=\" 35% \" /\u003e\u003c/p\u003e\n\n\u003cp\u003eIn case a customer still manages to find themselves on your homepage, let’s create a basic page that has a link to direct them back to where they should be.\u003c/p\u003e\n\n\u003col\u003e\n  \u003cli\u003eFrom the StoreConnect CMS app, open the Pages tab\u003c/li\u003e\n  \u003cli\u003eCreate a new page\u003c/li\u003e\n  \u003cli\u003eGive a name of “Homepage”\u003c/li\u003e\n  \u003cli\u003eSelect your store as the store it belongs to\u003c/li\u003e\n  \u003cli\u003eGive it a Path of “/”\u003c/li\u003e\n  \u003cli\u003eAdd the following Liquid code to the Content Body (Markdown) field and then save\u003c/li\u003e\n\u003c/ol\u003e\n\n\u003cpre\u003e\u003ccode\u003e{% assign product = all_products[\"health-check-service\"] %}\nPlease see our [Health Check Service]({{ product.url }}) page for more information.\n\u003c/code\u003e\u003c/pre\u003e\n\n\u003cp\u003e\u003cbr /\u003e\n\u003cimg src=\"https://res.cloudinary.com/hzkr6fi81/image/upload/v1652694693/media/Homepage.png\" alt=\"\" width=\" 35% \" /\u003e\u003c/p\u003e\n\n\u003cp\u003eNow tell your store to use your Head content block and Homepage.\u003c/p\u003e\n\n\u003col\u003e\n  \u003cli\u003eFrom the StoreConnect Config app, open the Stores tab\u003c/li\u003e\n  \u003cli\u003eFind your store record and edit it\u003c/li\u003e\n  \u003cli\u003eSet Homepage to the page you just created\u003c/li\u003e\n  \u003cli\u003eSet Head Content to the content block you just created\u003c/li\u003e\n  \u003cli\u003eSave the record\u003c/li\u003e\n\u003c/ol\u003e\n\n\u003cp\u003eNow when you visit the homepage of your site, instead of showing a blank page, it will redirect the customer directly to the product page and let them purchase their product.\u003c/p\u003e\n\n\u003ch3 id=\"bask-in-the-glory-of-your-new-site\"\u003eBask in the Glory of your new site\u003c/h3\u003e\n\n\u003cp\u003eSo, now you should have an operational eCommerce solution running out of your Salesforce org. Not bad for an afternoon’s work!\u003c/p\u003e\n\n\u003cp\u003eGiven that you have 14 days to trial the app, have a play to see what other opportunities StoreConnect can provide to promote and sell your products and services. To get your store live, on your own domain and able to accept real payments, get your hands on a \u003ca href=\"https://getstoreconnect.com/cart/small-annual-plan:1?utm_source=storeconnect-blog\" target=\"_blank\"\u003eSmall StoreConnect Licence\u003c/a\u003e. ← Try out my Buy Link :)\u003c/p\u003e\n\n        \u003c/article\u003e\n      \u003c/section\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e","flash":null,"action":null,"notice":null}