- 24 Jan 2024
- 2 Minutes To Read
-
Print
-
DarkLight
-
PDF
Insert an image in a Pop-up
- Updated On 24 Jan 2024
- 2 Minutes To Read
-
Print
-
DarkLight
-
PDF
You can embed images in any Pop-up template by adding their URL. Any image you want to insert in a Pop-up has to be first hosted on the Whatfix dashboard, or on an online image-sharing website like Imgur, ImgBB, and more. Once hosted, you can use the image URL to add the images.
You can also upload images from your local hard drive if the template supports the image field. For example, templates such as SYSKA and Meet & Greet.
- Ensure that you have the image URL before proceeding.
- Only .jpeg, .jpg, .gif, and .png image formats that are up to 10 MB in size are supported.
You can insert an image in a Pop-up in the following two ways:
Use the following steps to insert an image using the Pop-up templates that support image fields:
-
On the Whatfix Guidance dashboard, click Widgets.
-
Click All widgets.
-
Click Create widget.
-
Click Pop Up.
-
Select any template that has an image placeholder, for example, Feature Onboarding.
-
Click the placeholder for the image. The insert image dialog box opens up.
-
Select the Image icon.
-
You can paste the embed URL of the image you want to insert or upload an image from your local drive.
- The image URL must contain https if the Pop-up is displayed on a secure webpage.
- GIFs can also be added using the image dialog box itself.
- Finish creating the Pop-up.
Instead of directly using a template with an image placeholder, you may want to add an image in the description of the Popup, or in a template where the placeholder is not available. Using the Rich Text Editor, you can add images between text, in descriptions, or in templates without pre-existing image placeholders.
Use the following steps to insert an image in a Pop-up using the Rich Text Editor:
-
On the Whatfix Guidance dashboard, click Widgets.
-
Click All widgets.
-
Click Create widget.
-
Hover your cursor over the Pop-up to which you want to add an image, and then click the Edit icon.
-
In the Description section, place the cursor where you want to add the image and use the shortcut command + P (Mac) or CTRL + P (Windows) to open the insert image dialog box.
-
Copy the image URL from the Whatfix dashboard or online image-sharing website and paste the URL.
The image URL must contain https if the Pop-up is displayed on a secure webpage.
-
Click Insert.
-
Finish creating the Pop-up.