Webinar & Meeting Banner Tabs
To add or utilize images in your Existing Image Library, click on the Webinar – Banners or Meeting – Banners tabs.
Note: The process of adding Banner images is identical to that of how to Add Background Images, which you can view here.
Upload a Custom Image
To upload an image from your own device, click on the Choose File button and then locate that file using your devices file viewer and click the Open button. It will bring you back to the Banner image screen and show that image file name displaying to the right of the Choose File button (ex. tennis-bg.png).
Next choose the upcoming Webinar or Meeting you want to assign this image to from the dropdown to the right of the Choose File button
Then click the Submit button to save the change.
This will add that image to that webinar or meeting (which you can view by clicking on the Webinars tab and then editing that Webinar event). It will also appear as the first image in the Your Existing Image Library area below.
Note: You can also add an image from your own device directly from each Event’s Edit Screen.
Your Existing Image Library
Any custom image you upload from your own device(s) or add from the Pixabay Search is added to Your Existing Image Library.
You can use the Search Box to quickly find any image in your library.
Click the Go button to execute the search
For any image, you can Delete (removes it from your library forever) or Edit it.
Edit an Image Screen
Once you click to Edit an image button, you have the ability to:
Check the boxes to assign that image to any upcoming Webinar or Meeting. Add an Alt Tag (Alternative description of the image, should be done in sentence format and are important for SEO and ADA compliance).
Once you are done making your changes, click the Save button and this will update the image to any Webinars or Meetings you assigned it to.
Search for an Image on Pixabay Tab
Pixabay is a great site that provides a library of close to 2 million copyright safe and royalty free images that are sources from the Creative Commons. To access this incredible resource:
Click on the Search for an Image on Pixabay tab
Type any topic you desire into the Search bar
Click the Go button to browse through a selection of images to choose from.
Once you find an image you like, select an upcoming webinar (or meeting) from the dropdown to assign it
Click the Save button to complete the change.
This will add this image to that Webinar or Meeting’s event page and it will become the first image in the Your Existing Image Library tab.
To add or utilize images in your Existing Image Library, click on the Webinar – Backgrounds or Meeting – Backgrounds tabs.
Note: The process of adding Background images is identical to that of how to Add Banner Images, which you can view here.
Upload a Custom Image
To upload an image from your own device, click on the Choose File button and then locate that file using your devices file viewer and click the Open button. It will bring you back to the Background image screen and show that image file name displaying to the right of the Choose File button (ex. tennis-bg.png).
Next choose the upcoming Webinar or Meeting you want to assign this image to from the dropdown to the right of the Choose File button
Then click the Submit button to save the change.
This will add that image to that webinar or meeting (which you can view by clicking on the Webinars tab and then editing that Webinar event). It will also appear as the first image in the Your Existing Image Library area below.
Note: You can also add an image from your own device directly from each Event’s Edit Screen.
Your Existing Image Library
Any custom image you upload from your own device(s) or add from the Pixabay Search is added to Your Existing Image Library.
You can use the Search Box to quickly find any image in your library.
Click the Go button to execute the search
For any image, you can Delete (removes it from your library forever) or Edit it.
Edit an Image Screen
Once you click to Edit an image button, you have the ability to:
Check the boxes to assign that image to any upcoming Webinar or Meeting.
Add an Alt Tag (Alternative description of the image, should be done in sentence format and are important for SEO and ADA compliance).
Once you are done making your changes, click the Save button and this will update the image to any Webinar or Meetings you assigned it to.
Search for an Image on Pixabay Tab
Pixabay is a great site that provides a library of close to 2 million copyright safe and royalty free images that are sources from the Creative Commons. To access this incredible resource:
Click on the Search for an Image on Pixabay tab
Type any topic you desire into the Search bar
Click the Go button to browse through a selection of images to choose from.
Once you find an image you like, select an upcoming Webinar (or Meeting) from the dropdown to assign it
Click the Save button to complete the change.
This will add this image to that Webinar or Meeting’s event page and it will become the first image in the Your Existing Image Library tab.
]]>Stye Redemption Code
In the LPE4Z plugin, go to the Setup tab and paste in the Style Redemption Code that was provided in your sign up confirmation email. This code will determine if you have the basic or premium account and functionality.
Configuring Your Zoom Account
Note: If you have already set up your Zoom API keys, you can skip steps 1-6 and in your Zoom account go to Settings and then scroll all the way to the bottom of the screen to the Integration Authentication area and click on show (eye icon) or to create/issue a new key you can click on the Regenerate button to get new ones.
Obtaining Your Zoom API Keys from the Zoom Marketplace
1. To obtain your API Key and Secret Key for your Zoom account, go to the Zoom Marketplace, login (with your normal Zoom account credentials), and then click on Develop > Build App
2. To receive your Zoom API keys, lick Create under the app type named JWT
3. Give your App a name. You can use your website name, for example. Then click the Create button
4. Next, fill in the information includes things like your name, email, and your company’s name, and click Continue.
5. Now, you’ll see your Zoom API keys. Copy all of these keys and save them somewhere handy as you’ll need to paste them back in your plugin settings. Then, click Continue.
Note: You do not need to utilize the IM Chat History Token info
6. The feature section will ask if you want to opt-in to their event subscription feature, You can choose not to opt-in and directly click Continue.
Now, the website will inform you that your app is activated. And your API is ready to be enabled.
Note: To check your app details, you can go to the Manage section of the Zoom website. There, you will find your app details along with the API keys if you ever lose them.
Obtaining Your Zoom_User_ID from Your Zoom Account
1. Go to your Zoom Account and go to User Management> Users>
2. Click on your email mail address for your profile which sends you to your Profile edit screen
3. In your browser’s address bar, you will see a URL that looks like this: https://us06web.zoom.us/user/userID/profile copy just the userID that is in between the user & profile.
For example in this URL:
https://us06web.zoom.us/user/PpBzULtkRqig8098R0bpMw/profile
The User ID = PpBzULtkRqig8098R0bpMw
Add Your Zoom API Keys to the Setup Tab in the LPE4Z Plugin
Copy the Zoom User ID, Zoom API Key, & Zoom API Secret Key obtained from the steps defined above and paste them into the corresponding spots on the page and then click the Submit button.
Once this is complete, you can click on the Manual Refresh from Zoom button at the top of the page and it will connect to your Zoom account and pull your Webinar and Meeting events into the respective tabs.
Manual Refresh from Zoom
Click on the Manual Refresh from Zoom button and this will trigger the plugin to ping the Zoom server and pull in your most recent Zoom Webinar & Meeting events.
Once the page refreshes you will see that the list will be updated with any events that weren’t previously in the list and any recent updates such as event times, title or description changes, etc. you made in your Zoom account.
Meetings Tab
Below the tabs, you will see all your future and prior Meetings based on what was pulled from your Zoom account in Step 1. Here’s a breakdown of each column:
- Zoom ID: is the event id # assigned by Zoom
- Topic: is the Meeting title as it appears in Zoom
- Start Time: Date & Time of the Meeting event as it appears in Zoom
- Speaker Count: How many speakers assigned for the Meeting event (note this is done from the Meeting edit screen)
- Status: Is the Meeting Active/Future (will show the number of days until each event in a green box) or Prior (will show the word COMPLETED in a grey box)
- Hide/Unhide: Do you want to display each Meeting or not display (Hide) it. All Meetings import to display by default. If you wish to hide a specific Meeting (ex. a private event), simply click on the green Unhide button and it will change to display as a red Hide button. Note: this can be reversed at any time.
- Edit: Click on this button to enter the Meeting edit screen to choose the landing page style/layout, add your own custom imagery, choose the speakers, etc.
Edit the Webinar Screen - Details
Upon entering the edit screen, you will see all the pertinent details that was pulled in from Zoom for that meeting including the following:
Zoom ID: is the event id # assigned by Zoom Zoom UUID: Universal Unique Identifier of the meeting provided by Zoom Meeting Title: is the title for the event as it appears in Zoom Shortcode: copy and paste this to embed or install it on any page on your site
Event Registration Link: is a custom URL created by the LPE4Z plugin for the sign up or landing page for this Meeting or event. You can click on it at anytime to preview your changes in another window or tab.
Description: Event description of the meeting as it appears in Zoom
Start Time: Date and time of the meeting as it appears in Zoom
Duration: How long the meeting is set to last as it appears in Zoom
Status: Is the Meeting Active/Future (will show the number of days until each event in a green box) or Prior (will show the word COMPLETED in a grey box)
Imported Into WordPress: Date and time the webinar event was originally imported from Zoom into the plugin. Note it does not change when a minor update happens after using the Manual Refresh button/tool.
Edit the Meeting Screen - Customize
The bottom part of the Meeting Edit screen gives you all the options you have to customize or personalize the registration/landing page including choosing your desired layout/style, color scheme, adding your own custom imagery and/or promotional video, etc. Here’s a breakdown of the Customize the Meeting event area:
Speakers/Hosts: you can check the boxes of up to 4 people who will be displayed on the webinar event landing page as the Speaker/Host(s). Note: to add new entries, click on the Speakers tab at the top of the screen
Preview Styles: in this area, you can click on the different style names to view what they look like before deciding to apply them to the webinar event
-
- Use the Image Carousel to view what each design style looks like.
- Each time you click on a style name (example London) it will change the preview to the right to that style.
- You can then click on the preview image to view it in full size below the carousel (the page expands to show the full size display).
- You can then click on the x in the top right corner of the display to hide it and revert to the normal page length.
- Below the Image Carousel
Select a Style & Color: choose from the 2 drop downs the design Style and Color you want for this Meeting landing page. Note: Each style is available in all the provided colors allowing you to try out multiple combinations for each event. And both Style and Colors can be changed at anytime.
Background Image – This is the primary image that will flow to the event header, sign up boxes and/or background depending on which style you choose. You have 2 ways to enter a Background Image:
-
- Choose File – Browse and upload an image from your own device
- Or click on the Or Choose an Image from the Webinar Background Image Tab to choose an image from your Existing Image Library (images you’ve previously added to the plugin) or from the Pixabay Creative Commons Search tool of creative commons copyright safe images and then assign it to this Meeting (see instructions on that by clicking here)
Select Banner Image or Video: This is main marketing image that will be added to the content area of the Meeting landing page (location differs based on which style you choose).
- You must first select from the dropdown if you want the Banner or Secondary marketing spot to be an image or a video. Once you choose that option, you will then click on the respective Image or Video tab.
If using the Image Tab, follow the same instructions as detailed in item 4 to upload an image from your own device or to Choose an Image from the Webinar Banner Tab.
If using the Video tab, you will see the option to enter in a YouTube url.
For it to work, you must obtain the link from the YouTube embed code (not the regular shareable link) which you get by doing the following steps:
- View the video on YouTube and click the the Share icon/link below the YouTube player
- Then click on the Embed icon
- Then locate the URL for the video in the Embed Video code block. It will look something like this https://youtube.com/embed/xxxxxxxxx as shown in the following video.
Click the Save Button
Save: Paste the link into the Enter URL of Video box and click the Save button.
This will save all changes you made during this session and allow you to preview them at the Event Registration Link provided above.
Note: Any time you decide to change from Image to Video (or vice-versa), you will need to change the selection in the Select Banner Image or Video dropdown and save before changing to the new image or video.
Any time a change is made to the theme (New York, Tokyo, etc) or color, you will need to re select either video or banner from the Select Banner Image or Video drop down, otherwise it won’t show the banner or video.
Step 1: Purchase
- Welcome to the LPE4Z network with your account login information
- Link and attachment to the plugin install files
- Your account redemption code
Step 2: Install the LPE4Z Plugin
2. In your WordPress admin, go to Plugins > Add New and then click on the Upload Plugin button at the top of the screen.
3. Then click on the Choose File button, locate the plugin install zip file and then click on the Install Now button.
A few seconds later it will ask you to click on a link to Activate the Plugin, once you do so it will be installed and show up as a new menu item in the main left rail navigation in WordPress
Manual Refresh from Zoom
Click on the Manual Refresh from Zoom button and this will trigger the plugin to ping the Zoom server and pull in your most recent Zoom Webinar & Meeting events. Once the page refreshes you will see that the list will be updated with any events that weren’t previously in the list and any recent updates such as event times, title or description changes, etc. you made in your Zoom account.
Webinars Tab
Below the tabs, you will see all your future and prior Webinars based on what was pulled from your Zoom account in Step 1.
Here’s a breakdown of each column:
- Zoom ID: is the event id # assigned by Zoom
- Topic: is the title for the event as it appears in Zoom
- Start Time: Date & Time of the Webinar event as it appears in Zoom.
- Speaker Count: How many speakers assigned for the Webinar event (note this is done from the Webinar edit screen
- Status: Is the Webinar Active/Future (will show the number of days until each event in a green box) or Prior (will show the word COMPLETED in a grey box)
- Hide/Unhide: Do you want to display each Webinar or not display (Hide) it. All Webinars import to display by default. If you wish to hide a specific Webinar (ex. a private event), simply click on the green Unhide button and it will change to display as a red Hide button. Note: this can be reversed at any time.
- Edit: Click on this button to enter the Webinar edit screen to choose the landing page style/layout, add your own custom imagery, choose the speakers, etc.
Edit the Webinar Screen - Details
The top part of the Webinar Edit screen provides you all of the details for the Webinar event from Zoom such as the Zoom ID, Zoom UUID, Webinar Title, Description, Start Time, Duration, Status and Date/Time it originally imported into WordPress, plus details generated by the plugin including the Shortcode & Event Registration Link. Here’s a breakdown of each field:
Zoom ID: is the event id # assigned by Zoom
Zoom UUID: is the internal id code provided by Zoom
Webinar Title: is the title for the event as it appears in Zoom
Shortcode: copy and paste this to embed or install it on any page on your site
Event Registration Link:is a custom URL created by the LPE4Z plugin for the sign up or landing page for this Webinar or event. You can click on it at anytime to preview your changes in another window or tab.
Description: Event description as it appears in Zoom.
Start Time: Date & Time of the Webinar event as it appears in Zoom.
Duration: Time length of the Webinar event as it appears in Zoom
Status: Is the Webinar Active/Future (will show the number of days until each event in a green box) or Prior (will show the word COMPLETED in a grey box)
Imported Into WordPress: Date and time the webinar event was originally imported from Zoom into the plugin. Note it does not change when a minor update happens after using the Manual Refresh button/tool.
Edit the Webinar Screen - Customize
The bottom part of the Webinar Edit screen gives you all the options you have to customize or personalize the registration/landing page including choosing your desired layout/style, color scheme, adding your own custom imagery and/or promotional video, etc. Here’s a breakdown of the Customize the Webinar event area: Select the Speakers/Hosts: you can check the boxes of up to 4 people who will be displayed on the webinar event landing page as the Speaker/Host(s). Note: to add new entries, click on the Speakers tab at the top of the screen.
Preview Styles: in this area, you can click on the different style names to view what they look like before deciding to apply them to the webinar event (that is done in the next step).
- Use the Image Carousel to view what each design style looks like.
- Each time you click on a style name (example London) it will change the preview to the right to that style.
- You can then click on the preview image to view it in full size below the carousel (the page expands to show the full size display).
- You can then click on the x in the top right corner of the display to hide it and revert to the normal page length.
Select a Style & Color: choose from the 2 drop downs the Style and Color scheme you desire for the webinar event.
Note: Each style is available in all the provided colors allowing you to try out multiple combinations for each event. And both Style and Colors can be changed at anytime.
Background Image:
This is the primary image that will flow to the event header, sign up boxes and/or background depending on which style you choose. You have 2 ways to enter a Background Image:
- Choose File – Browse and upload an image from your own device
- Or click on the Or Choose an Image from the Webinar Background Image Tab to choose an image from your Existing Image Library (images you’ve previously added to the plugin) or from the Pixabay Creative Commons Search tool of creative commons copyright safe images and then assign it to this Meeting (see instructions on that by clicking here)
Select Banner Image or Video: you must select from the dropdown if you want the Banner or Secondary marketing spot to be an image or a video (location differs based on which style you choose).
Once you choose that option, you will then click on the respective Image or Video tab. If using the Image Tab, follow the same instructions as detailed in item 4 to upload an image from your own device or to Choose an Image from the Webinar Banner Tab.
If using the Video tab, you will see the option to enter in a YouTube url.
For it to work, you must obtain the link from the YouTube embed code (not the regular shareable link) which you get by doing the following steps:
- View the video on YouTube and click the the Share icon/link below the YouTube player
- Then click on the Embed icon
- Then locate the URL for the video in the Embed Video code block. It will look something like this https://youtube.com/embed/xxxxxxxxx as shown in the following video.
Click the Save Button
Save: Paste the link into the Enter URL of Video box and click the Save button.
This will save all changes you made during this session and allow you to preview them at the Event Registration Link provided above.
Note: Any time you decide to change from Image to Video (or vice-versa), you will need to change the selection in the Select Banner Image or Video dropdown and save before changing to the new image or video.
Any time a change is made to the theme (New York, Tokyo, etc) or color, you will need to re select either video or banner from the Select Banner Image or Video drop down, otherwise it won’t show the banner or video.