PC Builder Documentation

Welcome to the PC Builder App documentation!

Introducing the Revolutionary PC Builder App for Shopify!

Tired of pre-built limitations?

Empower your customers to unleash their inner tech mastermind with the PC Builder app, the all-in-one PC building experience for Shopify!

Imagine this

A user-friendly interface that walks them through every step, from selecting the powerhouse CPU to the sleekest case. PC Builder app makes building a custom PC as easy and enjoyable as playing a game.

Here’s what sets us apart

Stunning Interface: Guide your customers with an intuitive design that makes customizing their dream PC a breeze.

Seamless Integration: PC Builder app integrates perfectly with your Shopify store, ensuring a smooth buying experience.

Price Tracking: Stay transparent with clear pricing for each component, allowing informed decision-making.

Build Confidence: Educate your customers with helpful tooltips and descriptions for each part.

With PC Builder app, your Shopify store becomes the ultimate destination for PC enthusiasts who crave control.

Ready to take your business to the next level? Contact us today to learn more about how PC Builder app can revolutionize your Shopify store and empower your customers to build their dream PCs!

PC Builder App Guide:

1. Redirect After Installation: Upon installation, users are automatically directed to the home page of the PC builder app.

2. Creating a New PC Builder

Accessing PC Builder: Navigate to the home page to create a new PC builder.
Builder ID: Each PC builder is assigned a unique ID visible on the interface.

3. Adding Components

Creating Components: Define custom components like CPU, Case, RAM, etc., and assign them to collections.
Selecting Collections: Choose collections where related products (e.g., CPUs) are defined.
Product Configuration:
- Multi-product Selection Option: If selected, users can choose multiple products from one component.
- Quantity Option: If selected, users can specify the quantity of each selected product.

4. Integration with Theme Customization and Interface for Product Selection

Builder’s Input Field: In Shopify’s theme customization, paste the builder ID into the specified app block.
Product Configuration: After entering the builder ID, you can configure products and specify quantities.

5. Purchase Flow

Buy Now Button: Click ‘Buy Now’ after selecting all PC builder components.
Redirect to Shopify Checkout: You will be redirected to the Shopify checkout page with all selected products.

Compatibility Feature Documentation for PC-Builder App

Overview

The Compatibility Feature enables the admin to configure product compatibility in the PC-Builder app, ensuring that only valid product combinations are presented to users. The admin can define the relationships between components step by step, such as selecting compatible motherboards for a chosen CPU or RAM for a selected motherboard. The frontend dynamically updates to show only compatible products based on the admin’s selections.

Features

1. Compatibility Route

Purpose: The admin accesses the compatibility route to configure the relationships between components.
Builder Category Selection: The admin selects a builder category (e.g., Intel, AMD) to begin the configuration.

2. Component and Product Selection

After selecting a builder category (e.g., Intel), the system displays the available components for the selected category (e.g., CPU, motherboard, RAM).
The admin selects compatible products for each component in sequence.
- Example: If the admin selects a CPU product (e.g., CPUPrd1), they will then select compatible motherboards from the next collection.
- After selecting a motherboard (e.g., motherboardPrd1), the admin can select compatible RAM products from the next collection.

3. Interdependencies

The admin can only select compatible products from the next product group.
The product selection must follow a logical compatibility sequence:
- For instance, after selecting a CPU, the admin selects compatible motherboards.
- For each selected motherboard, compatible RAM products are then selected.
Example:
- Admin selects CPUPrd1, then selects motherboardPrd1, motherboardPrd2, etc.
- For each motherboard, the admin then selects compatible RAM products.

4. Frontend Display

On the frontend, users will only be shown the components that are compatible with their previous selections.
Example: If a user selects CPUPrd1, they will only see the compatible motherboards (e.g., motherboardPrd1, motherboardPrd4) that the admin has defined.
As the user proceeds with selections (e.g., selecting a motherboard), the available compatible RAM products will be filtered accordingly.

5. Dynamic Filtering

The frontend dynamically filters the available products based on the user’s selections.
The system continuously updates to show only the products that are compatible with the user’s previous selections.