# Preview app

### How to preview your app before publishing

Get user-friendly tools to help you test your app’s design, functionality, and user experience before launching it on the app stores. You can preview your app using the simulator or test it on a real mobile device.

{% embed url="<https://scribehow.com/shared/Test_app__625_kwvET1-W2Mn1g76j0g>" %}

{% hint style="warning" %}
If you are creating an app using your website, it is important to establish connectivity before the app can be previewed.&#x20;
{% endhint %}

{% hint style="danger" %}
A frowny face during preview usually means your app is not connected to your website. Ensure your website is live and properly connected to resolve the issue.
{% endhint %}

#### **Testing with emulators**

The preview simulator allows you to test your app within your browser using Android and iOS emulators.

**Step 1: Navigate to preview**

* Log in to your AppMySite account.
* Go to [**Preview**](https://app.appmysite.com/app/preview) from the side menu
* Here, you’ll find the Android emulator and iOS emulator to test your app.

**Step 2: Explore the emulators**

* Use your mouse to scroll, tap, swipe, and click on the emulated mobile screen.
* Navigate through different sections to test app interactions.

**Step 3: Evaluate your app**

* Check how different features, screens, and functions perform.
* Identify any glitches or issues before moving forward.
* The emulators provide a real-time experience of how your app will function on mobile devices.

{% hint style="success" %}
Use the Restart button to relaunch your app, and the Screenshot button to capture the current screen.
{% endhint %}

#### **Testing on real devices**

For a more accurate experience, you can test your app on an actual mobile device using AppMySite preview apps.

{% embed url="<https://scribehow.com/shared/Testing_your_app_on_a_real_device__ziN9I69SRKSgGBCE0amJsg>" %}

**Step 1: Select the right preview app**

Depending on your app type, choose the relevant AppMySite preview app:

* WordPress Preview – For WordPress-based apps
* WooCommerce Preview – For WooCommerce store apps
* Web to App Preview – For converting websites into apps
* Custom App Preview – For apps built from scratch

**Step 2: Generate a QR code**

* Select the preview app corresponding to your project.
* Click Test app on a real device.

**Step 4: Download and preview**

* Scan the **QR code** using your mobile device.
* Follow the link to download the preview app.
* Install the app on your real device.
* On the first screen, you will see two options - Get started and Skip
* Click on Get started.&#x20;
* Login to the app using your AppMySite credentials.&#x20;
* Start testing it directly on your device.

{% hint style="success" %}
Testing your app on a real device provides deeper insights into performance, responsiveness, and usability.
{% endhint %}

See how your app performs on any mobile device using the “Test on a real device” feature.

* [Test APK on real device](/app/preview/test-apk-on-real-device.md)&#x20;
* [Test IPA on real device](/app/preview/test-ipa-on-real-device.md)&#x20;


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.appmysite.com/app/preview/preview-app.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.