How to Build a Sales Tracking System [Quick Tutorial]
Tags: sales, tutorial, shopify, backend
Published: 2024-06-24 03:12:09

<!-- wp:paragraph -->
<p>Sales tracking is so important because it provides insights into performance, identifies trends, and helps strategic decision-making.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Now, you might be wondering, "how do I set up a sales tracking system?" We'll walk you through the basics:</p>
<!-- /wp:paragraph -->

<!-- wp:list {"ordered":true} -->
<ol><!-- wp:list-item -->
<li>What exactly is a sales tracking system?</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>What are some good tools to help you track sales?</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>How can you build your own custom sales tracking system?</li>
<!-- /wp:list-item --></ol>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>By the time we're done, you'll have a solid grasp on how to track your sales. Let's dive in!</p>
<!-- /wp:paragraph -->

<!-- wp:essential-blocks/table-of-contents {"blockId":"eb-toc-k88j2","blockMeta":{"desktop":".eb-toc-k88j2.eb-toc-container { max-width:610px; background-color:var(\u002d\u002deb-global-background-color); padding:30px; border-radius:4px; transition:all 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s }.eb-toc-k88j2.eb-toc-container .eb-toc-title { text-align:center; cursor:default; color:rgba(255,255,255,1); background-color:rgba(69,136,216,1); font-size:22px; font-weight:normal }.eb-toc-k88j2.eb-toc-container .eb-toc-wrapper { background-color:rgba(241,235,218,1); text-align:left }.eb-toc-k88j2.eb-toc-container .eb-toc-wrapper li { color:rgba(0,21,36,1); font-size:14px; line-height:1.4em; font-weight:normal }.eb-toc-k88j2.eb-toc-container .eb-toc-wrapper li:hover,.eb-toc-k88j2.eb-toc-container .eb-toc-wrapper li.eb-toc-active \u003e a { color:var(\u002d\u002deb-global-link-color) }.eb-toc-k88j2.eb-toc-container .eb-toc-wrapper li a { color:inherit }.eb-toc-k88j2.eb-toc-container .eb-toc-wrapper li svg path { stroke:rgba(0,21,36,1) }.eb-toc-k88j2.eb-toc-container .eb-toc-wrapper li:hover svg path { stroke:var(\u002d\u002deb-global-link-color) }.eb-toc-k88j2.eb-toc-container .eb-toc-wrapper li a,.eb-toc-k88j2.eb-toc-container .eb-toc-wrapper li a:focus { text-decoration:none; background:none }.eb-toc-k88j2.eb-toc-container .eb-toc-wrapper li { padding-top:4px }.eb-toc-k88j2.eb-toc-container .eb-toc-wrapper .eb-toc__list li:not(:last-child) { padding-bottom:4px }.eb-toc-k88j2.eb-toc-container.style-1 .eb-toc__list-wrap \u003e .eb-toc__list li .eb-toc__list { background:#fff; border-radius:4px }","tab":"","mobile":"","editorDesktop":"\n\t\t  \n\t\t  \n\n\t\t  .eb-toc-k88j2.eb-toc-container{\n\t\t\t  max-width:610px;\n\n\t\t\t  background-color:var(\u002d\u002deb-global-background-color);\n\n\t\t\t  \n             \n\n            \n\t\t\t  \n            padding: 30px;\n\n            \n\t\t\t  \n      \n           \n          \n\n      \n          \n                border-radius: 4px;\n\n            \n          \n\n       \n\n\n    \n\t\t\t  transition:all 0.5s, \n  border 0.5s, border-radius 0.5s, box-shadow 0.5s\n  ;\n\t\t  }\n\n\t\t  .eb-toc-k88j2.eb-toc-container:hover{\n\t\t\t  \n    \n         \n\n\n        \n\n    \n          \n                 \n\n            \n          \n\n     \n\n    \n\t\t  }\n\n\t\t  .eb-toc-k88j2.eb-toc-container .eb-toc-title{\n\t\t\t  text-align: center;\n\t\t\t  cursor:default;\n\t\t\t  color: rgba(255,255,255,1);\n\t\t\t  background-color:rgba(69,136,216,1);\n\t\t\t  \n\t\t\t  \n             \n\n            \n\t\t\t  \n               \n              font-size: 22px;\n               \n              font-weight: normal;\n               \n               \n               \n               \n          \n\n\t\t  }\n\n\t\t  .eb-toc-k88j2.eb-toc-container .eb-toc-wrapper{\n\t\t\t  background-color:rgba(241,235,218,1);\n\t\t\t  text-align: left;\n\t\t\t  \n             \n\n            \n\t\t  }\n\n\t\t  .eb-toc-k88j2.eb-toc-container .eb-toc-wrapper ul,\n\t\t  .eb-toc-k88j2.eb-toc-container .eb-toc-wrapper ol\n\t\t  {\n\t\t\t  \n\t\t\t  \n\t\t  }\n\n\t\t  .eb-toc-k88j2.eb-toc-container .eb-toc-wrapper li {\n\t\t\t  color:rgba(0,21,36,1);\n\t\t\t  \n               \n              font-size: 14px;\n              line-height: 1.4em;\n              font-weight: normal;\n               \n               \n               \n               \n          \n\t\t  }\n\n\t\t  .eb-toc-k88j2.eb-toc-container .eb-toc-wrapper li:hover,\n          .eb-toc-k88j2.eb-toc-container .eb-toc-wrapper li.eb-toc-active \u003e a{\n\t\t\t  color:var(\u002d\u002deb-global-link-color);\n\t\t  }\n\n\t\t  .eb-toc-k88j2.eb-toc-container .eb-toc-wrapper li a {\n\t\t\t  color:inherit;\n\t\t  }\n\n          .eb-toc-k88j2.eb-toc-container .eb-toc-wrapper li svg path{\n            stroke:rgba(0,21,36,1);\n          }\n          .eb-toc-k88j2.eb-toc-container .eb-toc-wrapper li:hover svg path{\n            stroke:var(\u002d\u002deb-global-link-color);\n          }\n\n\n\t\t  .eb-toc-k88j2.eb-toc-container .eb-toc-wrapper li a,\n\t\t  .eb-toc-k88j2.eb-toc-container .eb-toc-wrapper li a:focus{\n\t\t\t  text-decoration:none;\n\t\t\t  background:none;\n\t\t  }\n\n\t\t  \n\n        .eb-toc-k88j2.eb-toc-container .eb-toc-wrapper li {\n            padding-top: 4px;\n        }\n\n        .eb-toc-k88j2.eb-toc-container .eb-toc-wrapper .eb-toc__list li:not(:last-child) {\n            padding-bottom: 4px;\n        }\n\n        \n        .eb-toc-k88j2.eb-toc-container.style-1 .eb-toc__list-wrap \u003e .eb-toc__list li .eb-toc__list{\n            background: #fff;\n            \n      \n           \n          \n\n      \n          \n                border-radius: 4px;\n\n            \n          \n\n       \n\n\n    \n        }\n\n\n\t  \n\n\n\t\t  .eb-toc-k88j2.eb-toc-container .eb-toc-wrapper{\n\t\t\t  display:block;\n\t\t  }\n\t\t  ","editorTab":"\n\t\t  \n\t\t  .eb-toc-k88j2.eb-toc-container{\n\t\t\t  \n\n\t\t\t  \n                 \n\n            \n\t\t\t  \n                 \n\n            \n\t\t\t  \n    \n         \n\n        \n\n    \n          \n                 \n\n            \n          \n\n    \n\t\t  }\n\t\t  .eb-toc-k88j2.eb-toc-container:hover{\n\t\t\t  \n    \n         \n        \n    \n              \n                 \n\n            \n          \n    \n\t\t  }\n\n\t\t  .eb-toc-k88j2.eb-toc-container .eb-toc-title{\n\t\t\t  \n                 \n\n            \n\t\t\t  \n               \n               \n               \n          \n\t\t  }\n\n\t\t  .eb-toc-k88j2.eb-toc-container .eb-toc-wrapper{\n\t\t\t  \n                 \n\n            \n\t\t  }\n\n\t\t  .eb-toc-k88j2.eb-toc-container .eb-toc-wrapper li{\n\t\t\t  \n               \n               \n               \n          \n\t\t  }\n\n          .eb-toc-k88j2.eb-toc-container.style-1 .eb-toc__list-wrap \u003e .eb-toc__list li .eb-toc__list{\n            \n    \n         \n\n        \n\n    \n          \n                 \n\n            \n          \n\n    \n        }\n\n\t  \n\t\t  ","editorMobile":"\n\t\t  \n\t\t  .eb-toc-k88j2.eb-toc-container{\n\t\t\t  \n\n\n\t\t\t  \n                 \n\n            \n\t\t\t  \n                 \n\n            \n\t\t\t  \n    \n         \n\n        \n\n    \n          \n                 \n\n            \n          \n    \n\t\t  }\n\n\t\t  .eb-toc-k88j2.eb-toc-container:hover{\n\t\t\t  \n    \n         \n\n        \n    \n              \n                 \n\n            \n          \n\n    \n\t\t  }\n\n\t\t  .eb-toc-k88j2.eb-toc-container .eb-toc-title{\n\t\t\t  \n                 \n\n            \n\t\t\t  \n               \n               \n               \n          \n\t\t  }\n\n\t\t  .eb-toc-k88j2.eb-toc-container .eb-toc-wrapper{\n\t\t\t  \n                 \n\n            \n\t\t  }\n\n\t\t  .eb-toc-k88j2.eb-toc-container .eb-toc-wrapper li{\n\t\t\t  \n               \n               \n               \n          \n\t\t  }\n\n          .eb-toc-k88j2.eb-toc-container.style-1 .eb-toc__list-wrap \u003e .eb-toc__list li .eb-toc__list{\n            \n    \n         \n\n        \n\n    \n          \n                 \n\n            \n          \n    \n        }\n\n\t  \n\t  "},"headers":[{"level":2,"content":"What is a Sales Tracking System?","text":"What is a Sales Tracking System?","link":"what-is-a-sales-tracking-system"},{"level":2,"content":"How to Build a Sales Tracking System","text":"How to Build a Sales Tracking System","link":"how-to-build-a-sales-tracking-system"},{"level":2,"content":"How Do You Track Sales Data?","text":"How Do You Track Sales Data?","link":"how-do-you-track-sales-data"},{"level":3,"content":"Building a Custom Sales Tracking System: Prerequisites","text":"Building a Custom Sales Tracking System: Prerequisites","link":"building-a-custom-sales-tracking-system-prerequisites"},{"level":2,"content":"Step 1: Configuring Your Sales Data Source","text":"Step 1: Configuring Your Sales Data Source","link":"step-1-configuring-your-sales-data-source"},{"level":2,"content":"Step 2: Configuring The Shopify API","text":"Step 2: Configuring The Shopify API","link":"step-2-configuring-the-shopify-api"},{"level":3,"content":"Step 2: Integrating Shopify with Five","text":"Step 2: Integrating Shopify with Five","link":"step-2-integrating-shopify-with-five"},{"level":3,"content":"Step 3: Utilizing the Shopify API as a Data Source","text":"Step 3: Utilizing the Shopify API as a Data Source","link":"step-3-utilizing-the-shopify-api-as-a-data-source"},{"level":2,"content":"Conclusion: How to Build a Sales Tracker Tool","text":"Conclusion: How to Build a Sales Tracker Tool","link":"conclusion-how-to-build-a-sales-tracker-tool"}],"deleteHeaderList":[{"label":"What is a Sales Tracking System?","value":"what-is-a-sales-tracking-system","isDelete":false},{"label":"How to Build a Sales Tracking System","value":"how-to-build-a-sales-tracking-system","isDelete":false},{"label":"How Do You Track Sales Data?","value":"how-do-you-track-sales-data","isDelete":false},{"label":"Building a Custom Sales Tracking System: Prerequisites","value":"building-a-custom-sales-tracking-system-prerequisites","isDelete":false},{"label":"Step 1: Configuring Your Sales Data Source","value":"step-1-configuring-your-sales-data-source","isDelete":false},{"label":"Step 2: Configuring The Shopify API","value":"step-2-configuring-the-shopify-api","isDelete":false},{"label":"Step 2: Integrating Shopify with Five","value":"step-2-integrating-shopify-with-five","isDelete":false},{"label":"Step 3: Utilizing the Shopify API as a Data Source","value":"step-3-utilizing-the-shopify-api-as-a-data-source","isDelete":false},{"label":"Conclusion: How to Build a Sales Tracker Tool","value":"conclusion-how-to-build-a-sales-tracker-tool","isDelete":false}],"isMigrated":true,"titleBg":"rgba(69,136,216,1)","titleColor":"rgba(255,255,255,1)","contentBg":"rgba(241,235,218,1)","contentColor":"rgba(0,21,36,1)","contentGap":8,"titleAlign":"center","titleFontSize":22,"titleFontWeight":"normal","titleLineHeightUnit":"px","contentFontWeight":"normal","contentLineHeight":1.4,"ttlP_isLinked":true,"commonStyles":{"desktop":".wp-admin .eb-parent-eb-toc-k88j2 { display:block }.wp-admin .eb-parent-eb-toc-k88j2 { filter:unset }.wp-admin .eb-parent-eb-toc-k88j2::before { content:none }.eb-parent-eb-toc-k88j2 { display:block }.root-eb-toc-k88j2 { position:relative }","tab":".editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-toc-k88j2 { display:block }.editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-toc-k88j2 { filter:none }.editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-toc-k88j2::before { content:none }.eb-parent-eb-toc-k88j2 { display:block }","mobile":".editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-toc-k88j2 { display:block }.editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-toc-k88j2 { filter:none }.editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-toc-k88j2::before { content:none }.eb-parent-eb-toc-k88j2 { display:block }"}} /-->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->

<!-- wp:heading -->
<h2 class="wp-block-heading">What is a Sales Tracking System?</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>A sales tracking system is a tool that monitors and analyzes your entire sales process. It's like a digital dashboard for your sales team, capturing vital data at every stage - from initial leads to closed deals and follow-ups.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>This system does more than just count sales. It provides valuable insights into:</p>
<!-- /wp:paragraph -->

<!-- wp:list {"ordered":true} -->
<ol><!-- wp:list-item -->
<li>Who your potential customers are</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>How they interact with your business</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Which products or services are selling best</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>How your sales team is performing</li>
<!-- /wp:list-item --></ol>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>By collecting and organizing this data, a sales tracking system helps you spot trends, forecast future sales, and identify areas where you can improve your sales strategy.</p>
<!-- /wp:paragraph -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->

<!-- wp:heading -->
<h2 class="wp-block-heading">How to Build a Sales Tracking System</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Building a robust sales tracking system doesn't have to be complicated. Here's a step-by-step approach:</p>
<!-- /wp:paragraph -->

<!-- wp:list {"ordered":true} -->
<ol><!-- wp:list-item -->
<li><strong>Use a Centralized System</strong>: Ensure all sales data is captured in a single, centralized system to avoid data silos and ensure data consistency.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>Automate Data Entry</strong>: Minimize manual data entry by automating the capture of sales data from various sources like directly from your website.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>Track Key Metrics</strong>: Monitor important sales metrics, such as conversion rates, sales cycle length, average deal size, and sales pipeline stages.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>Visualize Data</strong>: Use charts, dashboards, and reports to visualize sales data and identify trends and patterns easily.</li>
<!-- /wp:list-item --></ol>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>Remember, the goal of sales tracking isn't just to collect data - it's to use that information to make smarter decisions and grow your business.</p>
<!-- /wp:paragraph -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->

<!-- wp:heading -->
<h2 class="wp-block-heading">How Do You Track Sales Data?</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Tracking sales data involves several steps, from capturing data to analyzing it for insights. Here’s a step-by-step guide to building a sales tracking system using Five:</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Building a Custom Sales Tracking System: Prerequisites</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>This guide will walk you through the process of building a custom sales tracking system using Five (a rapid application builder). By the end of this tutorial, you'll learn how to develop an external web application that tracks your sales activities. Here’s what you'll need to get started:</p>
<!-- /wp:paragraph -->

<!-- wp:list {"ordered":true} -->
<ol><!-- wp:list-item -->
<li><strong>Five Installation</strong>: Get free access to Five which allows you to build custom online database applications. To get started, sign up <a href="https://five.co/get-started/">here</a>.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>Sales Data Source</strong>: Ensure you have access to your sales data, whether it's from an existing CRM, e-commerce platform, or other sales-related tools. <strong>Today we'll be connecting to Shopify.</strong></li>
<!-- /wp:list-item --></ol>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>Once you are equipped with Five, you will connect it to your sales data source and treat it as a data source for your web app. This enables you to build forms, <a href="https://five.co/blog/how-to-build-charts-using-the-chart-wizard/">charts, dashboards</a>, and <a href="https://five.co/blog/generate-mysql-pdf-report/">reports</a> on top of the data.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>If you don't want to follow this full tutorial you can download our free <a href="https://five.co/use-cases/sales-tracker-tool/"><strong>sales tracker templ</strong></a><strong><a href="https://five.co/use-cases/sales-tracker-tool/">ate here</a></strong>.</p>
<!-- /wp:paragraph -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Step 1: Configuring Your Sales Data Source</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>To configure your sales data source, follow these steps:</p>
<!-- /wp:paragraph -->

<!-- wp:list {"ordered":true} -->
<ol><!-- wp:list-item -->
<li><strong>Log into Your Sales Platform</strong>: Log into your existing sales platform (such as your CRM or e-commerce platform) and identify the API or data export options available.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>Create an API Connection</strong>: If your platform provides API access, create a connection to allow Five to interact with your sales data. Configure the API access scopes for the data you wish to track, such as leads, opportunities, sales transactions, and customer interactions.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>Generate API Credentials</strong>: Generate the necessary API credentials (such as an API key or access token) and save them securely for future use.</li>
<!-- /wp:list-item --></ol>
<!-- /wp:list -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Step 2: Configuring The Shopify API</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>For Shopify users:</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Log into your Shopify admin dashboard and navigate to Settings -&gt; Apps and Sales Channels. This area shows all the applications currently installed in your store.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>To create a new custom application, click on the 'Develop apps' button located at the top right of the page.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>If you're having trouble locating this option, refer to the screenshot of Shopify's backend admin console below.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":3100,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://five.co/wp-content/uploads/2024/06/Frame-64-1024x471-1.png" alt="Using Shopify as the data source for your sales tracking software." class="wp-image-3100"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Assign a name to the application (for this guide, we’ve named it 'fiveteststore', and we will use this name throughout).</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Then, go to the 'Configuration' section and specify the API access scopes for the data you want to share with an external system, such as Products, Orders, Inventory, etc.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>After completing the configuration, go to the 'API Credentials' tab. Shopify will prompt you to install your application. Once installed, Shopify will generate an Admin API access token. This token is only displayed once, so make sure to save it in a secure location for future use.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center","id":3101,"width":"565px","height":"auto","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-full is-resized"><img src="https://five.co/wp-content/uploads/2024/06/image-removebg-preview-1.png" alt="" class="wp-image-3101" style="width:565px;height:auto"/></figure>
<!-- /wp:image -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Step 2: Integrating Shopify with Five</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>First, launch Five and click the yellow + button to create a new application. Give it a name and press save. Then, select Manage to start developing your application. This is the starting point for creating your custom app using Shopify data.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":3103,"width":"840px","height":"auto","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="https://five.co/wp-content/uploads/2024/06/image-1-1024x576-1-1.png" alt="" class="wp-image-3103" style="width:840px;height:auto"/></figure>
<!-- /wp:image -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->

<!-- wp:paragraph -->
<p>Next we will use the Shopify API that we have just set up.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>1. Begin by clicking on Data -&gt; Connection Wizard.<br>The Connection Wizard in Five makes it easy to link to REST APIs and set up API endpoint mappings, simplifying your integration tasks.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":3104,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://five.co/wp-content/uploads/2024/06/image-2-1024x190-1.png" alt="" class="wp-image-3104"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>2. Inside the Connection Wizard, click on the Read List Mapping tab. Here, enter the URLs for your API. The URL structure is:</p>
<!-- /wp:paragraph -->

<!-- wp:code -->
<pre class="wp-block-code"><code>https:&#47;&#47;{your_store_name}.myshopify.com/admin/api/{api_version}/products.json</code></pre>
<!-- /wp:code -->

<!-- wp:paragraph -->
<p>Replace <code>{your_store_name}</code> with the name of your store and <code>{api_version}</code> with the latest version of the API <a href="https://shopify.dev/docs/api/release-notes">which you can find here.</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>(Note: For this guide, we'll be retrieving product details from the store. Make sure you have granted product access to the API during Step 1.)</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>3. Add your URL to Five's Connection Wizard. It should look something like this: Now, add your Admin API access token as a header.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":3105,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://five.co/wp-content/uploads/2024/06/Frame-65-1024x548-1.png" alt="" class="wp-image-3105"/></figure>
<!-- /wp:image -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->

<!-- wp:list -->
<ul><!-- wp:list-item -->
<li>Click on the Headers Tab just below the URL field. Use 'x-shopify-access-token' as the name and paste your Admin API access token as the value.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Click 'Send', and a list with details of all your products will appear.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Next, navigate to the 'Field Mapping' tab to see how Five interprets your data. Five converts the JSON it receives from Shopify into a format similar to a traditional database table, which is very useful for querying this data in SQL. In Field Mapping, you can modify the data and display types of your fields. Five will automatically recognize the ID field as the primary key. If it doesn’t, make sure to tick the checkbox labeled primary key next to the ID field.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Repeat this process for the other actions - 'read single', 'update', and 'delete' - using the following URL format:</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:code -->
<pre class="wp-block-code"><code>https:&#47;&#47;{your_store_name}.myshopify.com/admin/api/{api_version}/products/:id.json</code></pre>
<!-- /wp:code -->

<!-- wp:paragraph -->
<p>This URL format is necessary because these actions require a specific product ID. By using the <code>:id</code> variable, <a href="https://five.co/blog/using-webservices-to-connect-to-rest-apis/">Five can dynamically handle this requirement.</a></p>
<!-- /wp:paragraph -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Step 3: Utilizing the Shopify API as a Data Source</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Our custom app is now successfully linked to our Shopify store, allowing us to use the Shopify API within Five for various features such as forms, charts, data views, and reports.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Now we will develop a form to create, read, update, and delete products from our store.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>In Five, navigate to “Visual” -&gt; “Form Wizard”. Select your connection in the primary data source lookup.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Five will automatically populate most of the details for you. At this stage, you can adjust any settings as needed.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":3106,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://five.co/wp-content/uploads/2024/06/Frame-66-1024x548-1.png" alt="" class="wp-image-3106"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Click save to store the form, and then you can run your application by clicking the Run button in Five's top navigation bar.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":3107,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://five.co/wp-content/uploads/2024/06/Frame-16-2-1024x190-1.png" alt="" class="wp-image-3107"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Clicking the Run button will open a new window on your computer, where you can preview the application you have developed in Five.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":3108,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://five.co/wp-content/uploads/2024/06/Frame-40-2-1024x548-1.png" alt="" class="wp-image-3108"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>In your end-user application, you now have a form that contains all of the products from the store. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>You have successfully created an entire custom app with a fully functional GUI that lets you interact with your stores sells in just a few clicks. You can click on each record to view their details, even make changes, add new records, and delete them as well. <a href="https://five.co/blog/how-to-create-custom-dashboards/">To add charts for further analysis check this article out.</a></p>
<!-- /wp:paragraph -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Conclusion: How to Build a Sales Tracker Tool</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>In this tutorial, you learned how to integrate a Shopify store with Five using the Shopify API and the Connection Wizard. You developed an external web sales tracker tool capable of interacting with your store data and performing CRUD operations on your products.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>This integration allows you to leverage Five's capabilities to access, analyze, and interpret your Shopify store data. Additionally, you can use Five to create other features such as charts, data views, and reports to enhance your sales tracking and management.</p>
<!-- /wp:paragraph -->