What is a website on stage? How to create a standing site (2025)

Imagine participating in Broadway musical: you will see exquisite works, but behind the scenes, the actors and staff have spent hundreds of hours to participate in the audition, reading, rehearsal, and so on. Everything you see is the result of careful preparation.

Similarly, in Network developmentA stage website is the “rehearsal” of your actual website. Developers did not push the update directly to the real -time website. Instead, they used the website to test and revise them until they were ready to show their works to the audience.

Learn more information about the benefits of using the on -site website on your e -commerce store, including how to create a platform on the stage in Shopify.

What is a website on stage?

The website on stage is a private website test environment. You can check the update or redesigned in it without affecting the real -time website. It simulates the real -time version of the website so that developers and stakeholders can implement it like users.

A key goal of the installment environment is to discover defects and revise or correct. Generally, stakeholders such as marketing or execution teams are introduced during the stage to provide feedback. once Stakeholder The test websites have been thoroughly reviewed, and their input has been solved, and the update is pushed to the real -time environment.

If the website cannot run normally due to changes, the key update (such as the new product image part) may damage the conversion. By simulating user experience-from clicking the “Product” page to adding the project to the shopping cart-you can find and repair errors before affecting real customers.

Development and installment and live broadcast site

Network development is carried out in three major areas: development, stages and scenes. First of all, the code is written on the development website, and then pushed it to the on -stage website for quality assessment (QA). Finally, it provides real -time websites for all users.

Place of development

The development website is a sandbox, and the developers write code and make their ideas vivid. Generally, it is only applicable to the local environment of the development team. This stage involves adding images, texts, videos, and codes for custom functions (such as interactive product filters). Although some initial testing here, the development environment is usually not polished.

Place

After the development is completed, the code will be published to a new on -stage site. This is your rehearsal, and all the twists are like in front of the audience. Live online on the stage, usually on the stage of the platform URL on the stage, staging.yourwebsitename.com.

Make sure your installment website cannot index-it means you will prevent the search engine from being displayed in the search results. You can do this Add a few lines of code quickly. If you have information, consider you to protect you on stage passwords to protect customers for viewing, such as the upcoming sales.

After the staged website live broadcast, the stakeholders will review and provide feedback on it. Then, the code returned to the development site, where the developers solved any problems and pushed the change to the stage again. This process has continued to approval from all stakeholders.

Live stations

The real -time website is the final public version of the public version, also known as the production environment or the place of production. This is a curtain open to the public, and all users can see the update. They can buy, interact with your content and interact with your brand. Once it is changed, everyone can access it, which is why it is crucial why thorough quality inspection on the stage.

Why use the website for your e -commerce store?

Publishing fragile updates will annoy customers and damage sales, so for e -commerce stores, using installment websites is particularly important. The website can help you:

• Test elements will not affect user experience. Try designing and new features without degrading your functions Customer experienceEssence

• Capture errors before public launch. Find errors such as shopping carts, non -function buttons, or damaged product images.

• Test integration will not destroy the site. Test third -party integration API (application programming interface) Or the transport calculator does not affect the live broadcast site.

• Cooperate with stakeholders. Invite various teams, designers and stakeholders to review and revise them.

• Simulate user experience. Just like your customers, experience the website, let you find the shortcomings on this website Shopping experienceEssence This is a more complete simulation, not simply using interactive design files in similar tools FigEssence

• Test website performance. Is your update slowing down your website? The website on stage allows you to test right Technical performance (This may also have an impact on organic search rankings).

Create 3 methods to create a website on the stage

1. Copy your theme
2. Create a development store
3. Application

Standard SHOPIFY website does not bring a website on stage, so you need to create a website. There are three ways:

1. Copy your theme

This is the easiest way to create the stage with a standard SHOPIFY plan. This is a fast setting process, just click a few times. You don’t need to install a third -party application because your on -stage environment will be built in the management panel of Shopify.

This is the method of creating the on -site website by copying your theme:

1. Visit the theme online store in your Shopify Admin panel>.

2. Under the current topic> operation, select repeat.

3. You now have a copy with the same on -site theme. Free editing, not affecting live stations. You can click preview to generate an example.

4. After completing the test, you can change it on the real -time website.

This option is most suitable for design changes, such as layout adjustments or new page parts. However, it cannot provide a test environment for integrated or functional changes. Remember, you need to manually add elements that have already been on the existing website.

2. Create a development store

This method requires you to create a new store Partner accountThis allows you to build a complete store for testing. The partner account is designed to build and manage developers, designers and agents to establish and manage stores. They are free, allowing you to access the development store, so that you can mirror the main website (including the design and function of the website) in the private environment.

This is the method of creating a website on stage by using the development store:

1. Register the SHOPIFY partner account.

2. Go to the store> Create a store.

3. Choose development as a store type.

4. Named similar to “on the stage-Ywest”, so it is easy to distinguish it from your live store.

5. Add products, install themes, and configure all settings to mirror your real -time store.

Now, you can simulate a complete user experience without adventure actual websites. This is the best choice for functional changes, including custom code or third -party integration. Although the development store is tested for free, they have some of them limitEssence You can only install free and friendly applications, for example, you can only generate test transportation labels.

If you want to test other applications or create functional transport labels, you can set up new paid stores in the basic plan. Just like you repeat the theme, you need to manually copy the added website elements to the ontoing website.

3. Application

Some ontoing tools, such as repeat (Provide a limited free plan) Let you create an environment for copying the entire website. You can then test the existing pages and products before launch. Pouring stage It is a similar application (free trial), which includes theme backup. Therefore, if there is a problem, you can restore it to the previous version. Just go Shopify App Store And search for installment applications to start.

This is the method of use Pouring stageThe

1. Install a copy of the inverted with the Shopify App Store on your real -time website.

2. Choose your Live Store as the source store.

3. Install the inverted band copy in your development store.

4. Select the development store as the target store.

5. Copy the keys from the source store to the target store and associate with the store.

6. Select the information to be copied to the site, so it reflects your real -time website.

7. Continuously check the copy of the copy to maintain the synchronization between the two stores.

8. Click “Starting Mission” to start a copy.

Sometimes, manually copying your website may lead to lack of works, so using the application application can ensure accurate copies, especially if you have a complex theme.