Welcome to Weaverse
Ready to transform your Shopify store with Weaverse Hydrogen? This guide will walk you through integrating the Weaverse app with your Shopify store and launching your first Weaverse Hydrogen project in just a few simple steps.
Try Before You Commit: The Weaverse Playground
Not ready to install yet? Experience Weaverse firsthand through our interactive Playground. Get a feel for the powerful features without any commitment. Watch our quick tutorial below to see what's possible:
Installing Weaverse from the Shopify App Store
Getting started is simple:
- Visit the Shopify app store
- Search for "Weaverse"
- Follow the quick installation prompts
Creating Your First Weaverse Hydrogen Project
Step 1: Initiate a New Project
From your Weaverse dashboard, simply click "Create New Project" to begin your journey.
Step 2: Select Your Starter Theme
Browse our collection of Hydrogen starter themes. We recommend the "Pilot" theme for beginners—it's free and packed with essential features to get you started quickly.
Step 3: Preview Your Theme
Take advantage of the default Preview URL to explore your theme's features and interface before making any commitments.
When you're satisfied with your preview, click "Start Setup" to move forward with building or deploying your project.
Step 4: Choose Your Setup Path
Select the option that matches your technical expertise:
- Developer Path: Clone the project locally or use our provided command to launch the development server
- No-Code Path: Follow our streamlined deployment guide to take your project live with minimal technical knowledge. For detailed instructions, check our deployment guide
Step 5: Connect to Your Development Server
After setup, enter your development server preview URL (default: http://localhost:3456) in the Preview URL field and click "Next."
Pro Tip: You can update your Preview URL anytime through the Project Settings:
💡 Best Practice: For the optimal experience, use a Chrome-based browser. Some browsers like Safari may have limitations with localhost connections.
Step 6: Master the Theme Customizer
Our intuitive Theme Customizer mirrors Shopify's OS2 interface, making it familiar and easy to use for Shopify store owners.
Step 7: Customize to Your Heart's Content
Start adding sections, adjusting layouts, and personalizing your theme with our user-friendly visual editor—no coding required!
Ready for More?
You've completed the setup and are ready to explore the full potential of Weaverse! Take your skills to the next level with our comprehensive guide:
👉 Build Your First Weaverse Hydrogen Theme