Maximizing App Engagement with STQRY's Web Screens

Created by Glen Barnes, Modified on Fri, 02 Feb 2024 at 03:35 AM by Natalie Nguyen

Web screens are a feature that lets you integrate websites or HTML content into your STQRY web app. This way, you can enrich your app with external content such as maps, surveys, forms, or games, and keep your users engaged within your app. In this article, we will guide you on how to use web screens.

We will cover the following topics:

  • How to choose the type of web screen for your app
  • How to create a web screen for your app
  • How to preview and publish your web screen

How to choose the type of web screen for your app

This feature offers three different modes for embedding websites: URL Web Screen, HTML Web Screen, and Zip Web Screen.

  • URL Web Screen: This type of web screen renders a website full-screen with browser chrome. Browser chrome is the user interface elements of the browser, such as back button, forward button, refresh button and link to open the URL in the Operating System browser. You can use this type of web screen to display websites such as Google Maps or your Shopify store.
  • HTML Web Screen: This type of web screen renders HTML content without browser chrome. You can use this type of web screen to display custom HTML content that you create or copy from other sources, such as SurveyMonkey or Mailchimp. To embed a website into a Web Screen and make it full screen, use the following code and change the part https://bus.wakadata.nz/locator/c7f58eca61434bf4a8ca630d09c2accb to your website link.




https://bus.wakadata.nz/locator/c7f58eca61434bf4a8ca630d09c2accb</a>"
allowfullscreen
width="100%"
height="100%"
style="border: none;"
>

  • Zip Web Screen: This type of web screen is similar to HTML Web Screen, but it allows you to include assets such as images, fonts, or scripts in a zip file. You can use this type of web screen to display complex HTML content that requires external resources, such as games or animations.

How to create a web screen for your app

Here are the steps to create a web screen for your app:

  • Log in to your STQRY account 
  • Under the “Content” section, click on the “Add Screen” button and select “Web Screen” from the list of screen types.Screens (7).png
  • Fill out the Title and Short title.
  • Under the “Page Types” section, select the type of web screen that you want to use for your app from the drop-down menu. Depending on the type of web screen that you selected, enter the URL of the website, paste the HTML code, or upload the zip file that contains the HTML content and assets for your app.
  • Fill out the coordinates of the screen (optional)
  • Click on the “Save” button to save your changes.

How to preview and publish your web screen

Remember to hit Save to commit the changes. Adding a new web screen does not require a new app build but you will need to link the new content to the app. Users will see the updates upon their first download. For existing app users, they will need to update the app to view the changes.

For more detailed instructions and insights on how to make the most of these features, don't hesitate to reach out to our support team at support@stqry.com. Happy app building!

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article