Installing and Using the QR Code Cloud App

Version 2

    Important: This Cloud Connector/Component will be decommissioned  after March 31st 2017. Please review the App Replacement Cheatsheet for instructions

     

    QR Code Cloud App

    This document describes how to enable and configure the QR Cloud Component on your E10 Landing Page. QR Codes are essentially a type of bar-code capable of storing over four thousand characters of text. They’re extremely popular today and can be read by any optical device with the right software. For more information please see the QR Code wiki page.

     

    Please note that this document assumes the reader is already familiar with the Eloqua application and Landing Pages. When rendered on a Landing Page, the QR code can be configured to pull Contact/Visitor and other available information and submit this to an Eloqua integrated form. This can be useful to capture for a variety of use-cases.

     

    How to Install the QR Code App

    The QR Code Component is available for use in E10, but may need to be enabled in your install. Please see the following document describing The specified item was not found..

     

    Using the App on a Landing Page

    A Cloud Component is inserted into a Landing Page via drag and drop operations within the Landing Page Editor. From the editor toolbar, select the "Cloud Components" button. A select box containing all of the available Cloud Components will be displayed, see image below :

    QR_LandingPage_Editor.png

     

    Next, search for the QR component from the selector, by typing : "QR" into the search box. And then drag the QR code onto the Landing Page.

     

    QROnLandingPage.png

     

    Next, save the Landing Page and then Double-Click on the QR code icon that you've placed on the page. The following screen will appear :

     

    CCLogin.PNG

    Enter you credentials for cloudconnectors.eloqua.com and then login. You will be directed to the configuration screen for the QR Cloud Component.

    CloudComponentConfig.PNG

    The Component requires that you enter credentials for your Eloqua install - displayed at the top of the page. The next section is the actual configuration of the QR Code. Note  a Preview of the URL is provided - see screenshot below :

    QRSetupUrlPreview.png

    When you select an Eloqua Form, the URL preview will automatically update and display the URL to which you'll be redirected after reading the code.

    You can also define the Height and Width of the QR Component, in pixels.

     

    The final configuration piece on the page is the Form Field Mapping :

    QRSetupUrlPreviewFF.png

    Clicking this button will open a new window that allows you to select which fields will be included in the Form Post :

    PopulateFormFieldMappings.PNG

    The first three columns in the table are the most important :

    1. Type : The type of data being mapped. This can be Visitor Data, Contact Data or Static Values.
    2. Form Field : The field on the Form that we'll write the value to
    3. Data Field : The data (value) to supply to the form field

     

    When you've mapped all your fields, Click Save and the window will close. You'll be taken back to the QR Code Setup screen, where you can click Save Settings.

    Now render the Landing Page and you'll see your QR Code. Scan it, and you'll be redirected to an Eloqua Form.

     

    Note that Eloqua Forms contain processing steps which can be used to redirect users to any other page, for example a page confirming that your form submission was successful.

     

    There are many potential use-cases for the QR Code Cloud Component. We're always excited to see how our clients are using Cloud Components, so please feel free to share your experiences and thoughts with all of us on Topliners.eloqua.com.