Create a Sample Campaign

Steps Involved In Campaign Creation:

Below mentioned steps will give a walkthrough of the campaign creation and publishing process by using a sample campaign to explain the concepts and content creation options. 

  • The user signs-in to their CMS account
  • After the credentials are verified, the user is directed to the main dashboard of the CMS
  • The user clicks the “Create New Campaign” button on the dashboard


Campaign Creation Form

The Campaign Creation Form opens up that asks the user to fill out the necessary campaign details. The campaign details include:

  1. Campaign name: User types in the required name for its campaign
  2. Campaign Type (Marker/Marker-less): The defined type cannot be changed for the rest of the campaign so the user is required to prepare for how their content will be played. Each defined type has their own requirement of details that the user must fill out. In this case, we will consider the marker-based campaign.
  3. Campaign Category: User selects the category in which its campaign falls. The user will be displayed with a dropdown list which will be containing the categories of campaign. User will select the required one. In case of Monal, Marketing type is selected
  4. Template: User can select the template from the given categories of template or he/she can also create his/her own by selecting “new template”.




After clicking on next button, user will be displayed with the other campaign creation options.

Vision Code

The user will be displayed with the two styling options for vision code. User will not be allowed to change the vision code style after he has completed his campaign creation process. So, user must select the option carefully.   In this case, round vision code is selected. 



Upload Tracker

The next step is to upload the required tracker image from the PC or user can also select from the existing image assets if he has created campaigns before. User can also re-upload the tracker image. In this case, new tracker image is uploaded from PC.




In this section, user will be displayed with all the selected options from there the user can also edit the information if it is required. Then the user will launch the EvolveAR and will be redirected to the Creator.

VAR Creator: 

When the EvolveAR is launched then the user will be directed towards the CMS and from there he/she can add the assets for user interactivity and experience. User can change the scene name and can add transitions to it which is shown below:  


User can also set the position of vision code by clicking on the “set vision code position” button.

Each content has a set of features and properties that can be set by the user to add intractability into the AR experience. 

  • Properties:

The section of the content defines generic properties of the content. Each content has different properties that can be edited and viewed. The properties section is located on the right side of the Creator screen. The properties section usually contains options to replace and preview your content on your browser screen.

  • Interactions:

The section of the content allows users to specify actions on their content and add intractability for their content. Each asset has different types of interactions that can be given to it. Each interaction serves the purpose of goal fulfilment on the viewer application side.

  • Layout:

The section of the content allows users to view the content orientation on the grid. The orientation helps the user to get solid readings of content Scale size, Rotation angle and Position on the grid. This helps the user know the details of the content placement on the Grid. It is important to understand that the content is to be placed on the grid that represents the real world surface and positioning area.

  • Transitions:

The section is used to add basic animations on the content to be displayed to the viewer. Transitions allow users to add visual appeal and affects to their content. There are two types of transitions:

  1. Transition-In
  2. Transition-out

Each transition has a set of animations that can be specified for their duration of play and delay to build a sequence of animations.


For this sample campaign, following assets with their respective properties, layout, interactions, transitions and controls are used:

  • Buttons: In this sample campaign, two buttons are used which were named as “Contact Us” and “Feedback”. In contact us button phone number is attached in Interactions and for feedback button compose email is attached. The controls, properties, layout, interactions and transitions added to them are shown in the screenshots below:



  • Photo Album: The photo album asset is added to the sample campaign from the assets tab. And, the steps followed are shown in the screenshots below: 

  • Video:  One videos are attached on this tracker image from the PC. The steps are as follows: 

  • Preview: Allows the user to download a preview image with embedded vision code to preview their campaign before publishing on the EvolveAR application.


  • Publish: After clicking on publish button you can view the campaign through mobile apps after scanning the vision code 


Was this article helpful?

Have more questions? Submit Request