There are two features you can use to edit a modal content or behaviour: inline editing and step editor.
Inline editing (from 20.1)
This is the most simple and fastest method to edit a modal.
When you are playing a journey, just click on the current modal title or body content, to start editing it. Also, just after you have created a modal, you'll be automatically able to inline edit it.
While inline editing, you can:
- Change the text inside the modal title
- Change the text inside the modal body
- Change the step transition method (click on the right part of the black bar, in the case above)
- Open the step editor (click on the left button on the black bar)
Changes are automatically applied, so once you have finished editing, you can stop the journey or simply keep following it.
Modal step editor
Modal step editor can be opened from both the inline editing feature or the editor sidebar, as shown below.
As shown in the image below, the upper section of the modal step editor is composed of:
- Content tab - from here, you can define the textual content of the step, as well as what action will take the end user to the next Step in the Journey and some additional options.
- Visibility tab - from here, you can set up visibility rules for skippable modals.
- Action tab - from here, you can set up step actions.
- URL tab - from here, you can change or delete the modal step URL. You could need to delete it with very dynamic URLs or Cross-application Journeys. Also, sharing the modal step URL will let people directly access the Modal step. It can be useful for customer service and support situations.
In this article, we'll focus on the Content tab and its features.
In the upper section of the modal step editor, you can modify:
- The modal title
- The modal body text. The editor lets you customize the text format using the tools in the bar shown below. The highlighted element shows the button for placing Journey Links.
The step transition enables you to specify what needs to happen in order for the end user to go to the next Step of the Journey. Modal steps have two possible transitions:
Button click - This option causes a button labeled Next to appear in the Step bubble. The user needs to click on the button to move to the next Step.
- Timing - The Journey moves onto the next Step after a specified amount of time, defined by the "Delay" field.
In this section, you can set the following parameters:
- Size - defines the width of the modal bubble.
- Allow Step feedback: if enabled, end users will be able to provide feedback about that specific step, even if feedback collection for the Journey is disabled. The option comes disabled by default.