Make this site
your brand.

Watch first

Video tutorials.

Two walkthroughs: making this site yours in Lovable, and finishing your Shopify setup so the store can take real orders.

After you connect Shopify

After connecting Lovable to Shopify — complete these steps.

Once your products are connected between Lovable and Shopify, there are a few important settings you need to finish before your store is ready to accept real orders.

1. 01

   Make sure your products are physical products

   Go into Shopify and open each product you connected to your Lovable website.

   Make sure the product is set up as a physical product that requires shipping.

   This is important because Shopify needs to know that the product must be shipped to the customer. If it is accidentally set up as a digital or non-physical product, the checkout may not collect the customer's shipping information correctly.

   Step 01 video

2. 02

   Set up your shipping

   Go to your Shopify Shipping and Delivery settings and create your shipping plan/rates.

   Decide where you will ship, how much you want to charge for shipping, whether you want to offer free shipping, and whether you want different shipping rates depending on the order amount, weight, or destination.

   Always double-check your shipping settings before launching your store so customers are charged the correct shipping amount at checkout.

   Step 02 video

3. 03

   Review your sales tax settings

   Open each product and review whether Shopify is set to charge tax on that product.

   Depending on your business, product, and where you are required to collect tax, Shopify may calculate and add applicable sales tax to the customer's order. For example, if an order is $20, applicable tax could make the customer's final total slightly higher.

   Important: do not automatically turn taxes on or off just to change the customer's price. Tax requirements depend on your business and where you sell. Use Shopify's tax settings and check the rules that apply to your business.

   Step 03 video

4. 04

   Connect your main domain to Lovable

   Purchase your domain from a domain provider such as GoDaddy — for example yourbrand.com.

   Connect your main domain to your Lovable website.

   Your customer will use this domain to browse your main website and products.

   Step 04 video

5. 05

   Create a Shopify subdomain

   You can use a subdomain for the Shopify side of your store. For example: main Lovable website yourbrand.com, Shopify subdomain shop.yourbrand.com.

   In your domain's DNS settings, create the required DNS/CNAME record for the shop subdomain and connect it to Shopify according to Shopify's current domain instructions.

   If you use GoDaddy and need help changing your DNS records, you can contact GoDaddy support and ask for assistance creating the required record. GoDaddy support: 1-480-366-3546.

6. 06

   Connect the subdomain to Shopify

   After creating your shop.yourbrand.com subdomain, go into Shopify's domain settings and connect it.

   Follow Shopify's verification instructions and wait for the domain to verify.

   This gives you a branded Shopify domain while your main website remains on Lovable.

   Step 06 video

7. 07

   Add your brand logo to Shopify

   Make sure your Shopify checkout matches your brand.

   If your logo has a background that you don't want, you can use a background-removal tool to create a transparent version of your logo. Then upload your logo through Shopify's available checkout/branding customization settings.

   This helps customers recognize that they are still purchasing from your brand when they reach Shopify's checkout.

   Step 07 video

8. 08

   Finish your General settings and pick a plan

   Go to Shopify Settings > General and fill everything out: store name, store contact email, sender email, billing address, store currency, unit system and time zone.

   These details show up on customer emails, invoices and checkout, so make sure they match your brand.

   Then choose a Shopify plan. Your store cannot accept real payments while it is on a trial or paused plan, so pick the plan that fits you before you launch.

   Also make sure you connect Shopify Payments so you can actually get paid. Bank accounts from the USA, Australia and the UK are the easiest to connect.

9. 09

   Test everything before launching

   Before accepting real customers, test the entire buying process: open your Lovable website, select a product, add it to the cart and continue toward checkout.

   Make sure the Shopify checkout opens correctly, the correct products and prices appear, the customer's shipping address is collected, your shipping rates appear correctly, the applicable tax calculation is right, and your branding/logo appears correctly.

   Check that everything works properly on both mobile and desktop.

The template prompt

Copy this into your own Lovable.

This is the full brief behind this website. Paste it into a new Lovable project and swap the bracketed parts for your own brand.

Build me a complete clothing brand website, using this structure:

PAGES
- Homepage: full-bleed hero image with the brand name and a short tagline, a scrolling ticker, a brand story section, shop-by-category tiles, a featured products grid, a lookbook image gallery, a brand video section, and a footer with newsletter signup.
- Shop page: product grid with category filtering.
- Product page: image gallery, price, size picker, add to cart, delivery estimate, shipping/returns info, and a "you may also like" row.
- About page: long-form editorial brand story with images.
- Contact page: enquiry form plus brand contact details.
- Order tracking page: customer enters an order number and sees the status.
- Customize page: a guide explaining how to rebrand the site.

FUNCTIONALITY
- Working shopping cart with a slide-out cart drawer that saves to the browser.
- Add to cart and buy now buttons on every product page.
- Sticky header on every page with a logo, hamburger menu drawer, search toggle, and a cart icon with an item count.

CONTENT SETUP
- Keep all brand details (name, tagline, description, email, phone, location, Instagram, shipping and returns text, currency, order prefix) in one single config file so they are easy to change.
- Keep all products in one single file with name, slug, price, category, sizes, description and images.

DESIGN
- Bold editorial streetwear look: heavy condensed display headings, clean body text, lots of full-bleed imagery.
- Use a design token system so the accent color and fonts can be changed in one place.
- Fully responsive on mobile and desktop.

Then: replace the brand name with [YOUR BRAND], use my uploaded logo and product photos, and load my products with my own names and prices.