Effortless Clock Integration in Q-Play: A Step-by-Step Guide

How to get an Analog Clock in Q-Play

1. Head to the website timeanddate, and then press Continue.
Web page offering free clocks for websites, featuring main features like accuracy, automatic DST adjustment, and support for multiple time zones and languages



2. Select the design you want to use, and click Continue.
Web page displaying a selection of free digital and analog clock templates for websites, in various styles and colors, with a 'Continue' button below.



3. Select a timezone for the clock, and customize the design to your liking in these next few steps. Press Continue after each step.
Web page customization section for free clocks, with options to select the location, clock size, face background, face circles, and number display for an analog clock.



4. Copy the URL under the HTML Code.
Web page section showing HTML code for an iframe element to embed a free clock on a website, with instructions for insertion.



5. Open Q-Play in your browser, and head to DesignTool. Here you can click on the series, where you want the clock to be.


6. When you've found the spot where you want the analog clock to be in. Click on the Webpage App, under apps on the right side.
A content creation interface with a blank canvas and a toolbar on the right side featuring various app icons, including Klipfolio, for drag-and-drop design.



7. Click on the app element, and paste the URL in Webpage URL Box. 
Settings panel for a web page app with fields to enter the title, mode, background color, webpage URL, update time, and view width.



8. You now have a working clock in Q-Play!
User interface for a content creation tool showing a canvas with an analog clock element selected and a properties panel for webpage settings on the right side.



    • Related Articles

    • Getting started with Q-Play editor

      This guide shows you how to create your first series for an info screen in the Q-Play editor. You are free to use the system and see your design in a preview. If you want to create a subscription so that you can display your info screen on an ...

    • Open API - Q-Play

      Q-Play has a open API for use on a specific account. API documentation is located here. You find the API by clicking on Account settings > API

    • Installation for Q-Play - Android

      1. Download the Q-Play software for Android. Before installing your digital screen, download the Q-Play software. Log in to Q-Play and navigate to "PlayControl" Click on "New Player" to download Q-Play for Android. Once Q-Play is downloaded, transfer ...

    • Create a new user in Q-Play

      This guide describes how to create a user in Q-Play Creating a new user can be used, for example, if you want to give access to a user who must be able to create series and manage an info screen for the company. Open Q-Play in your browser and log ...

    • Create user groups in Q-Play

      This guide describes how to create a Q-Play user group User groups are used to assign rights to multiple users at once. Example Below is an example of a user group, which in this case is defined as "Store employees". If the user is a member of this ...