Testing landing pages is a crucial step before publishing them on the Zid platform. It ensures that all elements, from design to functionality, work seamlessly and provide an optimal experience for users. Currently, the feature to test landing pages is not yet available, but once it is, this process will follow a similar flow to the one used for themes and apps.
Here’s a guide to understanding the general testing process for landing pages:
Accessing the Test Environment
Before you start testing your landing page, ensure that you have developed it fully and are ready to test. Once you've created the landing page in the Partner Dashboard:
Login to your Partner Dashboard: Go to partner.zid.sa and log in using your credentials.
Navigate to My Themes: Under Themes Analytics in the left sidebar, click My Themes. This will take you to the landing page management area.
Select Landing Pages: Here you will see all the landing pages you've created. The Landing Pages tab will display a list of your landing pages, including their names, statuses, and creation dates.
Testing Setup: For testing purposes, you can upload your landing page in a development store or by following the testing process outlined in the Partner Dashboard.
Test Your Landing Page
Before submitting your landing page to the Zid Theme Market, it's essential to thoroughly test it in a controlled, realistic environment. Zid provides partners with a Development Store that allows you to simulate the actual merchant experience, ensuring your landing page meets functionality, design, and performance expectations.
Here's how to test your landing pages based on your development path.
Prepare your test
1. Access your development store
Go to Development Stores
To log in directly, click on Dashboard Access
2. Install your App in your development store
Go to My apps section in your dashboard
Click on Edit your App
Go to Application Details
Click on the " Install on my development store button
To view the App in the store and start testing, click on View your app here. Note that, if you want to view it in other store, you have to login to that store first, by going back to step 1.
3. Activate payment
Bank transfer
Go to payment options.
Add Bank account "make sure to add accurate account information"
Cash On Delivery "COD"
To activate COD you need to add or activate a custom shipping option
Activate cash on delivery
Cards payment
You don't have to activate it as you can try Bank transffer. However, if you must use this method, Contact our team in chat support to activate approval.
4. Create Demo Data
You are publishing a new application and you want to test it, but you still don't have any data to use in checking how your application functions. This will guide you on how to create demo data for testing.
Click Products from the navigation menu (Merchant Dashboard).
Click the import products button to bulk upload a list of products to your store, or click the Add new Product button to use the UI form to add a new product.
Click customers from the navigation menu (Merchant Dashboard).
Click on Add new customer
Click on Orders then click Create New Order button.
Fill in all required information to be able to place an order.
Step-by-Step: How to Test Your Landing Page
1. Create a Development Store
Navigate to your Partner Dashboard → Development Stores.
Click Create Store to generate your dedicated testing environment.
Once created, your development store will automatically link to your partner account.
💡 Your development store behaves exactly like a merchant store but is intended solely for landing page, theme, and app testing.
Benefits of Using the Development Store
By leveraging the development store, you can:
Identify and fix layout inconsistencies early
Ensure your theme adheres to merchant expectations
Catch schema/data errors before submission
Experience your theme just like an actual merchant would
2. Access Your Development Store
Go to Zid.sa and log in using your Development Store credentials (email and password).
Alternatively, you can click Access Dashboard from the Partner Portal.
3. Prepare the Store for Testing
To simulate a fully functional storefront, set up your development store with necessary data:
Upload sample landing page file:
Navigate to the “Marketing” section, select “Landing Pages,” and import sample landing page using the provided upload tool. (Reference Video)
Activate Zid features in the store
Enable settings such as payment gateways, shipping methods, promotions, and cart rules.
This allows you to test landing page behavior under different store configurations.
4. Validate Landing Page Behavior
Once your landing page is uploaded, begin a full-cycle test to validate using the testing cases guide:
Visual Layout
Responsive Design: Test how your landing page appears across different devices like mobile, tablet, and desktop. Ensure that all elements are properly aligned and the layout adapts to screen size.
Alignment and Spacing: Check the alignment of text, images, and other elements. Make sure there’s consistent spacing between sections for a neat and organized look.
Images: Ensure that all images load correctly and are the right size (minimum 3 and maximum 9 images, as per the guidelines). Test image formats to confirm that they display properly.
Interactive Elements
Buttons and Links: Click through all buttons and links to verify that they lead to the intended destinations. Make sure actions such as form submissions and redirects work without issues.
Forms: If your landing page contains forms, ensure they are functional. Test submitting the form with sample data to check for form validation and submission.
Performance and Speed
Page Load Time: Test the load time of your landing page. It should load quickly to provide a positive user experience. Large image sizes or excessive content can slow down the page, so optimize for performance.
SEO Readiness: Make sure your landing page is optimized for search engines with appropriate meta tags, title tags, and image alt text.
Functionality Testing
Preview Store and Demo Store URLs: Enter the provided store URLs for both the preview and demo stores to check if they load correctly. Ensure that the landing page appears as expected when accessed by the merchants.
Discounts and Pricing: Ensure that the price and discounted price fields are accurately reflected. Merchants should be able to clearly see the final price and discounted price before making a purchase.
Testing Checklist
Visual Layout: Check responsiveness, alignment, and image display.
Interactive Elements: Test buttons, links, and form submissions.
Performance: Monitor page load speed and optimize where necessary.
SEO Readiness: Ensure all SEO tags are properly implemented.
Functionality: Verify the store and demo store links, pricing, and discounts.
Once you’ve thoroughly tested the landing page and resolved any issues, it will be ready for submission and publication.