Adding call to action (CTA) buttons to your augmented reality experiences can help drive conversions and continue conversations with your customers. In this blog, I will show you how to add a button to your AR experience with Overly Creator. Please note that the feature is available with Business subscriptions only.

Choose or design an AR button

Overly Creator offers a couple of options when it comes to CTA buttons. You can implement a UI CTA that would present itself as a single button at the left-hand side of a user’s screen. You can also opt for one or multiple hand-picked buttons that can be located anywhere you choose.

If you opt for an AR button, you can either design one from scratch or choose a ready-made icon from such providers as flaticon.com.  

 

If you choose to design something unique, you can use tools like Canva, Gimp or Photoshop. To provide an example from scratch, I’ve put together a simple CTA button using Photoshop. Keep in mind that supported file formats are *.png and *.jpg. If your design needs to support transparency, opt for *.png. Either way, the longest side of the button should not exceed 512px, and the file should be up to 0.5MB in size.

Once you have your button, log in to your Overly Creator profile and follow the below instructions. 

 

Create your AR button project

If you already have a project and marker uploaded, skip this step and move onto the next section. If not, go to your workspaces and create a new project. 

Fill in the required fields and upload your AR marker photo. Once done, press “Create project” and open it up.

If you are starting from scratch and need more detailed guidance on creating an AR project, refer back to this blog.

Adding an AR button to your Overly Creator project

Depending on your subscription level, you’ll find various AR elements on the left-hand side of the interface. For this example, you’ll be selecting an AR Button that is available for those subscribing to the business plan.

Next, you’ll have to Choose the AR button you want to upload and provide a hyperlink. After the button is uploaded, type in your preferred hyperlink in the Target URL field.

In this step you can also scale and place the button wherever you want. When scaling, press and hold the Shift button on your keyboard. It will keep the original aspect ratio. You can stretch each side separately without holding the Shift key if you don’t need the original aspect ratio. If you’re not happy with the button, you can delete it by pressing the “X” symbol on the upper right side of the button.

 

Next you can add your AR content. In this example, I have uploaded a jpg file. Note that you can upload your content first and add AR buttons later.

After you finish with content upload and position everything in the right place, press the Publish button. In a matter of seconds, you will be able to enjoy your augmented reality experience. Below you’ll be able to use the Overly app and scan the demo marker I’ve created. Note that although this example includes just one CTA,  you can add up to 5 AR buttons to a single project.

Steps

1. Get Overly app for mobile

2. Scan this image with the Overly app

3. Experience magic

Scan this image with the free Overly app

Creating a UI button

Creating UI buttons is even easier but note that you can only have one per AR experience. All you have to do is select UI Button when it comes to content selection and enter the desired hyperlink. 

Explore UI button demo

Once scanned with the Overly app, you’ll see a standard design button on the bottom left side of the screen. You can test how the UI button looks by scanning the demo marker below.

Steps

1. Get Overly app for mobile

2. Scan this image with the Overly app

3. Experience magic

Scan this image with the free Overly app

Let us know if you have any more questions on AR buttons and if more details should be added to this blog.

Share this story
Share this story

You may also like

7 augmented reality ideas for interactive museum experiences

Augmented reality in the classroom: ideas for digitizing education and training

How to set KPIs for your augmented reality campaign and measure ROI?