Users who want to buy products from your Swag Store will land on the main store page, as shown in the image. This page showcases the available products and briefly describes the store’s purpose.

1. Explore Product Categories: At the top, users can select different categories, such as Apparel, Tech Gadgets, Drinkware, etc., to filter and view specific types of products.

2. Browse Available Products: Scroll through the displayed products to find items of interest.

Step 2: Viewing Product Details and Selecting Options

Once you click on a product, you’ll be directed to the product details page, as shown in the image.

Here’s what you can do:

1. View Product Information: See the product title, price, and detailed item image.

2. Select Color: Choose your preferred color from the options available.

3. Select Size: Click on the appropriate size button (e.g., XS, S, M, L, XL, 2XL) to select the right size. You may also click on the Size Chart link for detailed measurements.

4. Adjust Quantity: Select your purchase quantity by using the plus (+) or minus (−) buttons.

5. Add to Cart: Once selected, click Add to Cart to save the item for checkout.

Step 3: Review Cart and Proceed to Checkout

After adding items to your cart, navigate to the cart page to review your selected products.

Here’s what you can do:

1. Review Items: Check the details of each item in your cart, including the product name, color, size, and quantity.

2. Adjust Quantity: Use the plus (+) or minus (−) buttons to modify the quantity for each item if necessary.

3. Remove Items: If you no longer want an item, click the “X” next to it to remove it from the cart.

4. Subtotal: Confirm the subtotal cost of all items.

5. Proceed to Checkout: Once you’re ready to complete your purchase, click the Checkout button.

Step 4: Complete Checkout

Once you’ve reviewed your cart and clicked on “Checkout,” you will be directed to the checkout page where you can complete your order.

Follow these steps:

1. Contact Information: Enter your full name, email address, and phone number to receive order and shipping updates.

2. Shipping Address: Fill in the details for where you’d like the order to be delivered, including:

• Street Address
• Suite No (if applicable)
• Country, State, City, and Zip Code

3. Payment Method: Enter your credit card details, including:

• Card Number
• Expiry Date
• Security Code (CVV)
• Name on Card

4. Order Summary: On the right, verify the items in your order, the subtotal, and the total amount (including taxes or VAT, if applicable).

5. Apply Coupon (Optional): If you have a coupon code, enter it in the designated field and click Apply to adjust your total.

6. Agree to Terms: Check the box to confirm that you have read and agree to the store’s Terms and Conditions.

7. Place Order: Click Place Order to complete your purchase.

Final Step: Order Confirmation

After placing your order, you will see a confirmation screen indicating that your order was successfully placed. This screen will display:

• A thank you message for your purchase.
• Your Order ID for tracking purposes (e.g., Order ID: 1524848).
• A button labeled Back to Home to return you to the main store page.

Your order is confirmed at this point, and the store will begin preparing it for shipment. You should also receive a confirmation email with all your order details.

Order Confirmation Email

You will receive an order confirmation email after placing an order in the BlinkSwag store.

This email includes:

• Order Summary:
  • Order Number: Unique identifier for your order (e.g., SO-30101).
  • Order Date: The date the order was placed (e.g., April 10, 2024).
  • Order Total: The total cost of the order (e.g., $261.05).
• Billing and Shipping Information:
  • Billing Address: The address linked to the payment method.
  • Shipping Address: The address where the items will be shipped.
• Items Ordered: Lists each item in the order, including details like color, size,

The Payouts Tab within the Swag Store provides an overview of all payout transactions related to customer orders. This tab helps track the financial transactions and manage payout statuses for different orders in your store.

1. Order #:
   • This column lists the order numbers associated with each payout. Each order number is a unique identifier for tracking purposes.
2. Customer Name:
   • This field shows the name of the customer associated with the payout. It helps in identifying who placed the order tied to a specific payout.
3. Date:
   • This column displays the date when the payout was initiated or processed, allowing you to track the timing of each transaction.
4. Payout Amount:
   • Here, you can see the exact amount that was disbursed for each payout, providing a clear view of the financial flow.
5. Status:
   • The status column indicates the current status of each payout. Possible statuses include:
     • Paid: The payout has been successfully completed.
     • Processing: The payout is currently in progress.
     • Declined: The payout was not successful.
   • For each payout, a View button allows further details or actions on the specific transaction.

Viewing Payout Details

You can view detailed information about each payout transaction in the Swag Store’s Payouts tab.

Steps to View Payout Details

1. Locate the Payout: Browse the list to find the payout entry you are interested in. Each entry lists details like the order number, customer name, date, payout amount, and status.
2. Click on “View”: In the Status column, each payout has a “View” button next to it. Click this button to open and inspect additional information about the selected payout.

Payout Order Details

The Payout Order Details page provides an in-depth view of a specific order associated with a payout in the Swag Store.

Information Available on the Payout Order Details Page

1. Product Information:
   • Shows details of the product, including an image, product name, description, and specifications.
   • Quantity, Rate per unit, and Total Amount for the specific product are displayed in a table.
2. Order Overview:
   • Includes the Order number and Order date.
   • Lists any Service charges associated with the order, such as:
     • Picking Fee
     • Fulfillment Fee
     • Shipping Cost (if any)
   • The total amount of the order.
3. Shipping Information:
   • Displays the Shipping Address where the product is to be delivered.
4. Order Status:
   • Shows the current status of the order, including:
     • Order status (e.g., Paid, Unpaid, or Draft)
     • Invoice status (e.g., Invoiced or Not invoiced)
     • Payment status (e.g., Paid or Unpaid)
     • Shipment status (if shipped or pending)

In the Products Tab of the Swag Store:

1. View Product Details: This section displays all available products with specific details such as product name, rate, and markup percentage.
2. Edit Product Percentage: Click the edit icon next to “Product %” to adjust the markup percentage applied to individual products.
3. Enable/Disable Products: Use the toggle switch in the “Action” column to enable or disable products in the store.

How to Add Percentage On a Product

To adjust the percentage on a product, here’s what you need to do:

1. Identify the Product: Locate the specific product in the Products tab, as shown in the list view.
2. Click on the Edit Icon: In the “Product %” column, you’ll see a pencil/edit icon next to the percentage. Click on this icon to modify the current percentage.
3. Enter the New Percentage: A field will open where you can type in the new percentage value. Adjust it to reflect the desired markup for the product.
4. Save the Changes: Confirm your entry to apply the new percentage. This change will update the product’s pricing based on the new percentage markup.

The Users Tab in the Swag Store provides an overview of all users associated with your store. Here, you can manage users by their roles, view user status, and access specific details.

1. Access Users: To see all users, click on the Users (99) tab, highlighted in red. This displays a list of users with their respective details.

2. User Details:

• Name and Email: Each user’s name and email address are listed.
• Status: Indicates whether a user is Active or Inactive.
• Actions: You can manage individual users by accessing options like viewing Budget history or adjusting their permissions.

3. Managing User Groups: Some users might belong to groups (e.g., Team in Europe), allowing bulk management for users in the same region or team.

To View a User’s Budget History in the Swag Store:

1. Locate the User: In the Users Tab, find the user whose budget history you want to check.

2. Select Budget History: Click on the Budget history button in the Actions column next to the user’s details. This option is available for users with assigned budgets.

? Assigning a budget to users is easy—watch the quick video tutorial below!

Adding a New User to the Swag Store

To add a new user to your Swag Store, follow these steps:

1. Locate the Add User Button: In the Users Tab, you’ll see an “Add User” button on the upper right corner of the screen (highlighted in red). Click on this button to start the process of adding a new user.

2. In the Add User dialogue box for Swag Store, you’ll be prompted to fill out the following details:

• Name: Enter the full name of the user you wish to add.
• Email Address: Provide the user’s email address. This will be used for login credentials and notifications.
• Preferred Payment Method: Choose the payment method associated with this user:
  • Credit Card: Select if the user will pay through a credit card.
  • Corporate Billing: Select if the user is to be billed through corporate accounts.
• Submit: Once all details are filled in, click Submit to add the user. The new user will appear in the Users Tab with the assigned payment method and access permissions.

? Easily invite users by following the simple steps in the tutorial below!

To view and manage coupons in your Swag Store, navigate to the Coupons tab within the Swag Store management section.

1. Select the Coupons tab: Click on the Coupons tab, which is highlighted in red. This will display a list of all active and inactive coupons associated with your store.

2. Coupon Details: In the Coupons section, you’ll see essential information for each coupon, including:

• Coupon Code: The unique code customers can use for discounts or offers.
• Coupon Type: Identifies whether the coupon is a single-use or bulk code.
• Email Address: The email associated with the coupon, if applicable.
• Amount: The value of the discount or reward that the coupon offers.
• Expiry Date: The date when the coupon will expire.
• Validity: Shows whether the coupon is active, expired, or has other statuses.

3. Actions: Each coupon entry has options to Delete or manage further through the three-dot menu. Deleting a coupon removes it from the system.

This tab provides an organised view of all coupons, making it easy to track, update, or manage discounts and promotions within your Swag Store.

Deleting a Coupon

If you need to remove a coupon from your Swag Store, follow these steps:

1. Click Delete: In the Coupons tab, locate the coupon you wish to delete. Click on the Delete button next to the coupon entry.

2. Confirmation Prompt: A confirmation window will appear, asking, “Are you sure?” This prompt ensures that you intend to delete the coupon permanently.

3. Confirm Deletion: Click Yes to delete the coupon permanently from the system. If you decide not to proceed, click Cancel to keep the coupon active.

Deleting a coupon is irreversible, so you want to remove it before confirming. This process helps maintain an organised and up-to-date list of available coupons in your Swag Store.

Starting the Coupon Creation Process

Access the Coupons tab to create a new coupon in your Swag Store.

1. Click on the Coupons Button: In the top-right corner of the Coupons tab, click the + Coupons button (highlighted in red). This will open the coupon creation form where you can set up details for the new coupon.

This action takes you to the setup interface, where you can specify the coupon type, value, expiration date, and any other relevant details.

Configuring Coupon Details

In the Create Coupon window, you can set up the specifics of your new coupon.

1. Select Type: Choose between:

• Single Coupon: Creates a unique code for individual use.
• Bulk Coupon: Creates a coupon that can be used multiple times by different users.

Creating a Single Coupon

1. Coupon Code: Enter a custom coupon code or click Auto Generate to automatically create a unique code (up to 40 characters).
2. Amount: Specify the discount or reward amount that the coupon will provide.
3. Expiry Date: Set the coupon’s expiry date to limit its validity period.
4. Open Coupon (Optional): Toggle this option if you want the coupon to be available to all store users. If disabled, you can restrict the coupon to specific users.
5. Partial Payment (Optional): Enable partial payment if you wish to allow partial discounts on payments.
6. Select Users (Optional): If you want the coupon to be restricted, select specific users or click Add new user to assign the coupon.
7. Create Coupon: Once all fields are set, click Create coupon to finalise and add the coupon to your store.

This setup ensures that your coupon is tailored to your promotional needs and user preferences.

Creating Bulk Coupon

If you want to create multiple coupons at once, use the Bulk Coupon option.

1. Select Bulk Coupon: In the Create Coupon window, select Bulk Coupon under the Select Type section.
2. Specify Amount and Quantity:
   • Amount: Enter the value of each coupon.
   • No. of Coupons: Specify the number of coupons you want to generate in bulk.
3. Generate Bulk Coupons: Once you’ve set the amount and quantity, click Create Coupon. The system will automatically generate the specified number of unique coupon codes.

Bulk coupons benefit large-scale promotions, allowing each store user to redeem a one-time coupon.

? Watch our step-by-step video tutorial above on how to effortlessly create and manage coupons in your Swag Store. Don’t miss out—boost your sales today!

To view and manage orders in your Swag Store, start by navigating to the Orders tab within the Swag Store management page.

1. Select the Orders tab: Click on the Orders tab, which is highlighted in red. This will display a list of all recent orders associated with your Swag Store.

2. Order Overview: In the Orders section, you’ll see essential details for each order, including:

• Order Number: Unique identifier for each transaction.
• Name and Email Address: Contact details for the customer who placed the order.
• Order Date: The date when the order was created.
• Status: The current status of the order, such as Draft, Void, or Completed.

3. Additional Filters and Sorting: At the top, there are options to Search, Sort by date, and filter by Status. These tools help you quickly locate specific orders or group orders based on status.

This tab provides a centralized view of all orders, making it easy to track and manage transactions within your Swag Store.

Viewing Order Details

After selecting an order from the Orders Tab, you’ll be directed to the detailed order view.

1. Product Details: In the main section (highlighted in red), you can see the details of the ordered product, including:

• Product Image: Visual of the item ordered.
• Product Name and Description: Provide basic details about the product, such as “Early Riser Gift Set—Matte Steel.”
• Quantity, Rate, and Amount: Breakdown of the quantity ordered, the unit rate, and the total cost for that item.

2. Order Overview: On the right side, you’ll find a comprehensive summary of the order:

• Order No. And Date: Unique identifier for the order and the date it was placed.
• Service Charges: Breakdown of any fees associated with picking, fulfilment, and shipping.
• Total: The total for the order, including all fees.
• Ship To: Shipping address details for the order’s destination.

3. Order Status: At the bottom of the summary, you’ll see the Order Status, including:

• Order: Current state, such as Draft, Completed, or Canceled.
• Invoice: Indicates whether the order has been invoiced.
• Payment: The payment status, whether it’s unpaid, partially paid, or paid in full.
• Shipment: Shipment status, if applicable.

This detailed view provides all the essential information for managing and fulfilling an individual order effectively.

To manage your Swag Store, navigate to the Swag Store section.

1. Locate the Store to Manage: The Swag Store dashboard shows a list of all your active and inactive stores. Each store has options for quick actions and management.

2. Manage Button: Identify the store you want to manage and click the Manage button (highlighted in red). This button provides access to various settings and controls for that store.

Selecting Manage will open additional options, allowing you to configure store details, view analytics, update products, and perform other administrative tasks for that particular store.

Managing Orders, Coupons, Users, Products, and Payouts

Within the Swag Store Management view, you can access various management tabs for orders, coupons, users, products, and payouts.

1. Orders Tab: The Orders tab, highlighted by default, provides a detailed list of recent orders. Each entry includes:

• Order Number: Unique identifier for each order.
• Name and Email Address: Customer details for easy reference.
• Order Date and Status: This field indicates when the order was placed and its current status (e.g., Draft, Void).
• Actions: Click View to examine the order more closely, or use the three-dot menu for additional options.

2. Coupons, Users, Products, and Payouts Tabs:

• Coupons: Manage discount codes or promotional offers available in your Swag Store.
• Users: View and manage users with access to your Swag Store.
• Products: Access a list of products in your store and make updates or adjustments.
• Payouts: Track and manage payouts associated with store sales.

This interface provides a comprehensive set of tools for managing each aspect of your Swag Store, ensuring smooth operations and streamlined access to important data.

Syncing Your Swag Store

The Sync Store function keeps your store up-to-date by synchronizing product images, details, and inventory with BlinkSwag’s servers.

1. Locate the Sync Icon: In the Swag Store Management view, find the Sync Store icon (highlighted in red). It looks like a circular arrow positioned next to the store’s active status indicator.

2. Initiate Sync: Click the Sync Store icon to begin the synchronization process. This will update product images, descriptions, prices, and other relevant details to match the latest information on BlinkSwag’s servers.

3. Benefits of Syncing: Regularly syncing your store ensures that customers see the most accurate and current product information, preventing inventory or product details discrepancies.

This feature is especially useful if you frequently update products or if BlinkSwag makes adjustments that you want to be reflected in your store immediately.

Viewing Store Analytics

To monitor the performance of your Swag Store, you can access the Store Analytics feature.

1. Find the Analytics icon in the Swag Store Management view (highlighted in red). This icon resembles a bar chart and is positioned next to the Sync Store icon.

2. Open Analytics: Click the Analytics icon to open detailed insights into your store’s performance. Once you open the Analytics panel, you’ll see an overview of key performance metrics for your Swag Store.

3. Analytics Metrics: The main metrics displayed in the Analytics panel include:

• Total Items shows the number of items listed in the store and indicates how many new items were added within the selected timeframe (e.g., “25 new this month”).
• Items Shipped: Reflects the quantity of items shipped during the specified period.
• Total Order Value: Displays the total revenue generated from orders. A small green indicator shows the change in value, if applicable, from the previous period.
• Completed Orders: Indicates the count of orders that have been completed.

4. Time Period Selection: Use the dropdown menu (e.g., “This month”) in the top-right corner to filter the analytics data by different periods, such as weekly, monthly, or custom ranges.

5. Insight Use: These insights help you track your store’s performance, including sales growth, shipping activity, and new product additions. They’re a valuable tool for evaluating the success of your Swag Store over time.

6. Benefit of Analytics: By reviewing these metrics, you can identify trends, optimize product offerings, and make data-driven decisions to improve your store’s success.

Store Analytics is an invaluable tool for gaining insights into customer behavior and tracking the effectiveness of your Swag Store.

Need Help To Manage Your Swag Store?

Are you struggling to manage your Swag Store effectively? Our experts are here to assist you with everything from setup to optimization. Contact us today!

1. Log into Your BlinkSwag Account: Begin by logging into your BlinkSwag account. If you do not have an account, you must create one.

2. Navigate to the Dashboard: You’ll be taken to the main dashboard once logged in.

3. Find the ‘Build Swag Store’ Button: Look for the “Build Swag Store” section highlighted prominently on the dashboard. This section is designed to guide you through creating your custom swag store. Click on it to start the setup process.

Following this first step will set the foundation for customizing and managing your swag store effectively.

Name Your Swag Store

1. Enter Your Store Name: After clicking the “Build Swag Store” button, you will be prompted to enter the name of your store. This name will be visible to your customers, so choose something that reflects your brand.

2. Set Your Store Address (URL): Below the store name field, you will need to specify the URL for your store. This should be a unique identifier that will help customers easily find your store online.

• Store Name: Keep it within the character limit (25 characters).
• Store Address (URL): Format this as your-store-address, ensuring it is unique to avoid conflicts.

3. Proceed to the Next Step: Once you have entered the store name and URL, click the Next button to continue setting up your swag store.

This step establishes your store’s identity, making it more appealing and accessible to your customers.

Customize Your Store Logo and Identity

1. Navigate to Logo & Identity: On the left sidebar, click on the “Logo & identity” section to customize your store’s visual aspects.

2. Navigate to Favicon Section: After customizing your store logo, look for the Favicon section below the logo settings.

3. Upload Your Favicon: Click on the designated area to upload your favicon. A favicon is a small image in the browser tab next to your store name.

4. Recommended Size: Ensure that your favicon meets the recommended size of 512×512 pixels. This size is optimal for clarity and visibility across different devices and browsers.

5. Select Your Favicon File: Browse your files to select the favicon image (usually in .ico or .png format) you wish to upload.

Customize Your Site Design

1. Access Site Design Settings: After setting up your favicon, navigate to the Site Design section within the customization options for your Swag Store. This option is usually located in the left sidebar.

2. Select a Theme: Look for the Default theme option, which is usually pre-selected. You can stick with this theme or explore other options by clicking the Explore themes link.

3. Edit Theme: To customize the default theme further, click the Edit button. This will allow you to make specific changes to theme elements like colors and fonts that fit your brand identity.

4. Preview Your Theme: After selecting, use the Preview option to see how your store will appear to customers.

5. Navigate to Text Theme Settings: Within the Site Design section of your Swag Store setup, locate the Text Theme option. This allows you to select the font styles for your website.

6. Select Font Style: A list of font options will be displayed. Choose from styles like Inter, Playfair Display, Poppins, or Josefin Sans. Click on the font you want to apply to your site.

Change the Hero Image in Your Swag Store

1. Access the Site Design Section: Navigate to the Site Design area of your Swag Store setup. This section allows you to customize your store’s visual elements.

2. Locate the Hero Image: Find the existing hero image in the preview section. This is prominently displayed at the top of your store’s landing page.

3. Click on the Change Button: To change the hero image, look for the Change button near the hero image. Clicking this will prompt you to select a new image.

4. Upload Your New Image: In the dialogue box, click on the upload area (indicated by a cloud icon or similar) to select a new image from your device. Ensure that the image meets the recommended size of 1000×1000 pixels for optimal display.

Edit the Hero Text in Your Swag Store

1. Locate the Hero Text: Navigate to your Swag Store dashboard, where your hero section is prominently displayed at the top of the page.

2. Click on Quick Edit: Next to the hero text, you will see a Quick Edit button (indicated by a pencil icon). Click on this button to enable text editing.

3. Modify the Heading Style: In the pop-up menu, select the desired Heading Style from the dropdown. Options like “Heading 1” or others can be used to customize the appearance of your hero text.

4. Update the Heading Text: In the Heading text field, input your new text. You can enter up to 100 characters. Ensure your text aligns with your brand message and is engaging for your customers.

5. Choose the Text Color: You can also adjust the color of your heading text by clicking on the Color box. A color picker will appear, allowing you to select your preferred color or enter a hex code.

6. Preview Your Changes: As you make modifications, you can see a real-time preview of your Swag Store layout. This will help you assess how the changes look.

Add Products to Your Swag Store

1. Navigate to Manage Products: In your Swag Store dashboard, select the Manage Products option from the left sidebar.

2. Add a New Product: Click on the Add Products button. This will open a new window for product details.

3. Review: Once you have added the products, you can review them in the Manage Products section. Ensure everything looks correct.

Footer of Your Swag Store

1. Access the Footer Settings: In your Swag Store dashboard, navigate to the left sidebar and click on Manage Products. Then, select Footer from the dropdown menu. This will bring you to the footer settings, where you can customize your contact information and social media links.

2. Add Contact Information:

• Phone Number: Enter your business phone number in the designated field. Customers can reach you at this number displayed in the footer.
• Email Address: Please provide your business email address so customers can contact you directly.

3. Link Your Social Media Accounts:

• Facebook: Enter the URL of your Facebook page in the provided field.
• Instagram: Enter the URL of your Instagram profile.

4. Save Your Changes: After entering all the desired information, ensure you save your changes by clicking on the Publish button at the top right corner of the page.

5. Preview the Changes: You can preview your footer on the storefront to see how the contact information and social media links appear to customers.

By following these steps, you will successfully edit and customize the footer of your Swag Store, providing essential contact information and enhancing your online presence.

Advanced Settings for Your Swag Store

1. Access Advanced Settings: In your Swag Store dashboard, navigate to the left sidebar and select Advance Settings Toggle. This will open up more configuration options for your store.

2. Enable or Disable Price Visibility:

• To enable price visibility, ensure the toggle is set to ON (usually represented by a green switch). This will allow customers to see the prices of the products listed in your store.
• To disable price visibility, switch the toggle to the OFF position (typically indicated by a grey switch). This will hide prices from all users visiting your store.

Product Settings: Configure, Customize, and Optimize!

1. Access Product Settings: In your Swag Store dashboard, navigate to the left sidebar. Click on Manage Products to expand the options available under this section.
2. Navigate to Product Settings: Click on Product Settings from the list below the Price option toggle. This will allow you to configure settings related to your products.
3. Markup Products Price %: Here, you can set a percentage for markup on your products. Enter a value (for example, 10%) to increase the prices of all products by that percentage. This setting allows you to maintain a profit margin on your products.
4. Add Google Analytics: To track visitor behavior and performance on your store, enter your Google Analytics tracking ID in the field provided (it should look like G-XXXXXX). This will help you gather insights into your store’s performance.
5. Domain Provisioning: In the Domain Provisioning field, you can enter a custom domain for your store if you have one. For example, you might input www.yourcustomdomain.com to ensure your store is accessible via that domain.
6. Guest Checkout: You can toggle the Guest checkout option on or off. Enabling this will allow customers to purchase without creating an account, simplifying the buying process.
7. Budget-Limited Purchasing: Enable the budget-limited purchasing option to restrict purchases based on a budget. This feature allows you to limit how much customers can spend in your store.

Optimize Your Store: SEO Settings Made Easy!

1. Access SEO Settings: In your Swag Store dashboard, click on Manage Products from the left sidebar. Then select SEO settings from the options that appear under Product settings. This will open the SEO configuration panel.
2. Title Tag: In the Title tag field, enter a brief and descriptive title for your store that reflects your brand and your products. This title will appear in search engine results and should be kept within 60 characters for optimal display.
3. Meta Description: Fill in the Meta description field with a concise summary of your store. This description should highlight your store’s offers and include relevant keywords to improve search visibility. Aim to keep this description under 160 characters to ensure it fits well in search engine results.
4. Add Keywords: Use the Add Keywords section to input relevant keywords that describe your store and products. This can help improve your store’s SEO. You can add up to 10 keywords, separated by commas. Consider what potential customers might search for for products like yours.
5. Preview on Google: Pay attention to the Preview on Google section as you fill out the title tag and meta description. This will show you how your store might appear in search results. Ensure your title and description are compelling, as this can affect click-through rates.

Preview Your Swag Store on Multiple Devices

1. Locate the Device Preview Icons:

Look for the preview section at the top of the screen in the Swag Store editor. Here, you will see icons representing different devices (such as a desktop, tablet, and smartphone). These icons allow you to switch between views of your store as they appear on various screen sizes.

2. Click on the Desired Device Icon:

Click on the icon corresponding to the device you want to preview:

• Desktop: This will show your store’s appearance on a computer screen.
• Tablet: This provides a view tailored for tablet users.
• Mobile: Click this to see how your store will appear on smartphones.

3. Undo / Redo

• Click the Undo Button: Click this icon to reverse your most recent change. This is useful if you’ve made an edit that you want to discard quickly.
• Redo Option: If you change your mind after undoing, you can use the Redo button (forward arrow icon) to reapply the change.

Save Your Swag Store as a Draft

1. Locate the “Save as Draft” Button: Find the “Save as draft” button in the upper-right corner of the screen. This button allows you to save your progress without publishing the store for public view.

2. Click “Save as Draft”: Click the “Save as draft” button. This action will save all your current settings, design, and content changes in a draft format, allowing you to edit later without making the store live.

After saving, you should receive a confirmation that your draft has been saved, which ensures that all your edits are securely stored.

Add Custom Field on Product

1. Locate the Product: Go to the catalog and find the product you want to edit. You can use filters or search to locate it quickly.

2. Edit Icon: Click the pencil/edit icon (highlighted in red in the image) for the specific product you want to add a custom field. This will open the product’s detail page for editing.

3. Select Category: In the “Add a custom field” pop-up, select the category for your custom field from the Select category dropdown menu.

4. Add Individual Markup: Toggle the Add Individual Markup option to specify different prices or additional charges based on the custom field.

5. Set Markup Amount: You can specify the markup as either a fixed amount or a percentage.

• Fixed Amount: To set a price for this custom field, enter a dollar amount in the $ field.
• Percentage: Enter a percentage in the % field to apply a percentage increase based on the product’s price.

6. Upload Size Chart (Optional): If applicable, you can upload a size chart for products that require size options. Click on the Upload size chart area and select a JPEG, PNG, or WebP file (recommended size: 1000×1000 pixels or larger).

7. Open the Add Custom Field Panel: Navigate to the product you want to add a custom field and click on the “Edit” (pencil icon) next to it.

8. Enter Field Name: In the “Field name” box, type the name of your custom field (e.g., “Size Chart,” “Custom Message,” etc.).

9. Select Field Type: Click on the dropdown menu under the Type column to select your desired field type. The available types include:

• Text: For short text inputs.
• Number: For numeric values.
• File: Allows users to upload a file.
• URL: For adding links.
• Dropdown: To create a dropdown menu with predefined options.
• Custom Attributes: For other specific attributes based on your store’s needs.

10. Set Required Option (Optional): Toggle the Required switch to make this field mandatory for the user.

11. Save: After setting up the fields, click Save to apply the custom field to the product.

Publish Store Live

To publish your store live, follow these steps:

1. Prepare Your Store: Ensure all settings, products, and custom fields are configured as desired.
2. Locate the Publish Button: The Publish button, highlighted in purple, is at the top right corner of the store dashboard.
3. Click Publish: Click the Publish button to make your store live and visible to customers.
4. Confirm Publishing (if prompted): If there’s a confirmation prompt, confirm your decision to publish.

? Want to build a swag store that wows? ? Watch our step-by-step video tutorial and get started today!

? Ready to create your own swag store but need a hand? BlinkSwag’s experts are here to help! Get in touch today for tailored solutions and hassle-free setup.