# Examples

Few scenarios to make content dynamic inside guideflows. 

### Scenario 1 - Insert first names (call-to-action | walkthrough) <a href="#scenario-3---insert-city-name" id="scenario-3---insert-city-name"></a>

Goal: add dynamic personalization into your guideflow by inserting the first name of your viewers.&#x20;

(e.g. "Welcome John")

{% @guideflow/guideflow-embed requestedUrl="<https://app.guideflow.com/player/qkqmzvi1px>" %}

* Edit your call-to-action (learn [how to edit call-to-actions](https://docs.guideflow.com/help/edit-your-guideflow/call-to-action-cta)).
* Select "Walkthrough".
* Edit the text field with "Welcome ".
* Click "Add variables".
* Select {{first\_name}}.

### Scenario 2 - Insert company names (call-to-action | walkthrough) <a href="#scenario-3---insert-city-name" id="scenario-3---insert-city-name"></a>

Goal: add dynamic personalization into your guideflow by inserting the company of your viewers.&#x20;

(e.g. "A guideflow made for Tesla").&#x20;

{% @guideflow/guideflow-embed requestedUrl="<https://app.guideflow.com/player/vkmy65i3ky>" %}

* Edit your call-to-action (learn [how to edit call-to-actions](https://docs.guideflow.com/help/edit-your-guideflow/call-to-action-cta)).
* Select "Walkthrough".
* Edit the text field with "A guideflow made for".
* Click "Add variables".
* Select {{company}}.

### Scenario 3 - Insert company logos (HTML) <a href="#scenario-3---insert-city-name" id="scenario-3---insert-city-name"></a>

Goal: add dynamic personalization into your guideflow by inserting the company logo of your viewers.&#x20;

(e.g. change the logo of your interactive guide with the one from your viewer's company).&#x20;

{% @guideflow/guideflow-embed requestedUrl="<https://app.guideflow.com/player/lpx67zh4pn>" %}

* Click on "[HTML editor](https://docs.guideflow.com/help/variables/broken-reference)" on the left panel.
* Select the HTML element (image) you want to personalize.
* Select "Background".
* Click on "add variables".
* Select "Logo URL".