Skip to main content
Cartegraph Campus

Cartegraph Engage: Create a Guide

Create

Click Create Guide in the top-right corner to begin guide creation.

CreateGuide_CreateButton.png

You’ll be asked to choose a layout. Select one from the given options.

CreateGuide_Layouts.png

Next, you’ll be presented with the Guide Settings page. Here you’ll be able to manage your ContentActivationSegment, and Scheduling. You can rename your guide and begin editing the settings.

CreateGuide_GuideSettings.png

Guide Content

To edit your Content, you may hover over the guide image and click the “Manage in App” dialogue box that appears (1), or click the “Edit” button in the top right corner of the Content widget (2).

CreateGuide_EditContent.png

Next, you’ll be asked to provide the URL of where you’d like to see your guide. Upon clicking “Launch Designer” you’ll be opened to a new tab where Cartegraph Engage will load the Visual Design Studio on your application.

CreateGuide_URL.png

Specific to your product, you will be prompted to log in in the new tab. Once logged in, the Visual Design Studio will load over the product URL you specified.

Once the designer loads, be sure to open the "Step Tray" (1) so you can see all your customization options and Guide steps. If you wish to target an element but the "Action Bar" (2) is covering it, move it to the bottom of the screen by clicking on the dual arrows button in the top right-hand corner of your screen. To navigate to another page, either because you want to start or target your guide somewhere else or because your next guide step is on a different page, select the "Navigate" button (3).

CreateGuide_ActionBar.png

You can make any initial edits to your Guide within the “Edit Container” box. Once you click “Apply,” you will be able to hover over the placeholder items within the Guide Preview and click to edit. If you need to add a new building block to your Guide, hover between items to see the blue line and add your desired building block.

hover-edit-add-bb.gif

Tip: Periodically save your changes as you edit your Guide. This will help you save your progress as you go.

Want to add a step in your Guide? Click on the "+ Add Step" option in the Step Tray so you can add a new step without having to start over.

CreateGuide_Activation.png

Once you’re satisfied with your Guide (one or all Guide steps), hover over a Guide Container (the edge of the Guide) in a step to edit its settings:

hover-guide-container.gif

The Styling, Location, and Behavior options will display after you click the edge of Guide container for additional customization:

CreateGuide_ContainerSettings.png

Lastly, make sure you are using the Guide Activation method you want in the Action Bar:

CreateGuide_ActivationBar.png

Clicking on the Activation tile in the tray or the button in the Action Bar will allow you to edit your Activation method. You will have three options:

  1. Automatic (1): Guide appears once automatically until dismissed or advanced.
  2. Badge (2): Guide appears after a visitor clicks or hovers over a badge icon.
  3. Target Element (3): Guide appears after a visitor clicks on a targeted element.

activation-options.png

You can choose just one, or apply both Automatic + Badge or Automatic + Target Element. You cannot choose Badge + Target Element. For more information, see the Guide Activation Options article.

Once you are finished, save your changes using the top left-hand “Save” button and click “Exit” to leave the designer.

Test

To test your Guide, segment the Guide to yourself.

Locate the Segment tile in the Guide Details Page and click the Edit icon. Then, choose the field to select Custom Segment. Here, you will add a segment rule so that Visitor ID equals yourself.

For example, if my Visitor ID is my email address, my rule would look like this:

CreateGuide_Segment.png

Once you’re done, click Save Segment and then click Save within the Segment tile. Review your Guide details and update your Guide status to Public. Since the Guide is segmented to just yourself, the Guide will only be visible to you.

Launch

If you’re satisfied with your Guide, navigate back to your Guide’s Detail Page to re-adjust the segment to the correct audience.

To publish your Guide, you have two options to choose from:

  1. Publish your Guide now by updating the Guide status to Public.

CreateGuide_Public.png

  1. Schedule when your Guide will go live (and, if needed, when it will no longer be active).

CreateGuide_Schedule.png