1. Working with IFrames

2. 45 MIN Welcome to WalkMe University Raise your Hand The Presenter
No System Required
Download the Summary Page by clicking the Materials tab. Its right there >
Raise your Hand
If you have any question, please raise your hand. You will then be unmuted by the presenter

3. In this Session Switch To Frame/Popup Finding an IFrame
What is an IFrame?
Finding an IFrame
Switch To Frame/Popup
Working with Switch To
Other Use Cases

4. website within a website
What is an IFrame?
Finding an IFrame
Switch To Frame / Popup
Working with Switch To
Other Use Cases
What is an IFrame?
An IFrame (Inline Frame) is an HTML document embedded inside another HTML document on a website
website within a website

5. Where is the IFrame? What is an IFrame? Finding an IFrame
Switch To Frame / Popup
Working with Switch To
Other Use Cases

6. Where is the IFrame? What is an IFrame? Finding an IFrame
Switch To Frame / Popup
Working with Switch To
Other Use Cases

7. Identifying an IFrame Why can’t I select an element?
What is an IFrame?
Finding an IFrame
Switch To Frame / Popup
Working with Switch To
Other Use Cases
Why can’t I select an element?
This what happens when you try to catch an element in an IFrame with a different domain

8. Accessing an IFrame
What is an IFrame?
Finding an IFrame
Switch To Frame / Popup
Working with Switch To
Other Use Cases
To record a step in an IFrame, we first need to open the IFrame in a new tab
Right Click > This Frame > Open Frame in New Tab

9. What if it doesn’t work?
What is an IFrame?
Finding an IFrame
Switch To Frame / Popup
Working with Switch To
Other Use Cases
Sometimes we have to find the IFrame’s URL inside the code

10. Finding IFrame’s URL Right click on the IFrame
What is an IFrame?
Finding an IFrame
Switch To Frame / Popup
Working with Switch To
Other Use Cases
Right click on the IFrame
Inspect element (preferably with Firebug)
Scroll up in the code and search for the IFrame

11. Demo It!

12. What is Switch to Frame/Popup?
What is an IFrame?
Finding an IFrame
Switch To Frame / Popup
Working with Switch To
Other Use Cases
A Feature that allows us to move the Walk Thru between different IFrames, tabs or Pop-ups. When your Walk-Thru has to move on to an IFrame, you will have to add the Super Step Switch to Frame/Popup

13. What was that again?
What is an IFrame?
Finding an IFrame
Switch To Frame / Popup
Working with Switch To
Other Use Cases
Switch to Frame/Popup. A step that “moves” the Walkthru to the IFrame
Create a Superstep
Go to By Function
Click on Switch to Frame/Popup

14. Switch to Frame/Popup Super Step
What is an IFrame?
Finding an IFrame
Switch To Frame / Popup
Working with Switch To
Other Use Cases
When you build a new Switch step, you will see 2 different options
Condition

15. Switch to Frame/Popup: Condition
What is an IFrame?
Finding an IFrame
Switch To Frame / Popup
Working with Switch To
Other Use Cases
Helps WalkMe Identify the IFrame with a unique condition

16. Switch to Frame/Popup Super Step
What is an IFrame?
Finding an IFrame
Switch To Frame / Popup
Working with Switch To
Other Use Cases
When you build a new Switch step, you will see 2 different options.
Condition
2. Switch when

17. Switch to Frame/Popup: Switch when
What is an IFrame?
Finding an IFrame
Switch To Frame / Popup
Working with Switch To
Other Use Cases
Optional. Tells WalkMe whether or not to make the switch, depends on the scenario
For example: Switch to the IFrame only if the user chose an apple

18. Tip: How to “Jump to” an IFrame
What is an IFrame?
Finding an IFrame
Switch To Frame / Popup
Working with Switch To
Other Use Cases
Remember to create a Jump to Step to the Switch step

19. How can I see that it’s all working?
What is an IFrame?
Finding an IFrame
Switch To Frame / Popup
Working with Switch To
Other Use Cases
Testing is King
To see the Switch, use the Published mode.
For further assistance, contact support at:

20. Demo It!

21. Other uses of Switch to Frame/Popup
What is an IFrame?
Finding an IFrame
Switch To Frame / Popup
Working with Switch To
Other Use Cases
Other uses of Switch to Frame/Popup
Now that you are IFrame pros, it’s time the you know the other uses of Switch to Frame/Popup
New tab
New tab
Popup
Popup

22. When to avoid Switching
What is an IFrame?
Finding an IFrame
Switch To Frame / Popup
Working with Switch To
Other Use Cases
Keep it simple.
The less complications, the less potential issues
If the process inside the IFrame is short and intuitive, use a Next balloon instead

23. Questions

24. © Copyright 2014 WalkMe Inc. Confidential