Wordpess is one of the most popular platforms in the world and most of our customers use Wordpress with Spotlightr.
A Wordpress Plugin is now available for Spotlightr! Please check here for instructions on using it.
The plugin allows you to add videos, galleries, playlists, and quizzes to your Wordpress posts and pages without having to leave Wordpress. You can also use it to uploaded videos to Spotlightr. However, it's not necessary to use to add your videos to Wordpress. You can still use Spotlightr with Wordpress without the plugin.
There are 2 main ways to add your videos to Wordpress without the plugin. There are also various page builders available that work well with Spotilghtr.
You can skip to the different sections of this article here:
Adding a Video Using the HTML Block
Adding a Video Using the Code Editor
Adding a Video With Page Builders
Using the HTML Block
The newest version of Wordpress allows you to build your posts and pages using blocks. To add your video just add an HTML block and then add your code to that block.
Here you can see a post that is created with 2 "Paragraph" blocks already created so far. I have one sentence in each block:
Now I want to add an HTML block in between those to add my video.
First I'll hover over the blocks until I see the "+" button to add a block:
Then enter "HTML" into the search field and you will see the HTML block appear
Select that HTML block and then paste your embed code into that:
Now if you click inside that HTML code field it will give you options including a Preview option. Click that:
And you will see the video:
Now click away on a blank part of your screen and you will see how the video looks now in between the 2 Paragraph blocks added earlier:
That's it, your video is added and you can now publish or update your post/page. Keep in mind that Spotlightr is automatically set to fill the container that it's embedded to. If you want the video to be smaller you can either directly edit the size of the player using the Spotlightr settings
Using the Code Editor
Using the code editor is similar except you are interacting with all of your content in HTML form.
First I'm going to enable the Code Editor here:
Then you'll see everything in HTML. You'll notice the 2 blocks that were added are here:
And now if I want to add my video in between them, I would paste the embed code directly. You'll notice that Wordpress is adding the <p>
and </p>
tags before and after the embed code. This is fine and you can leave it:
Wordpress Page Builders
Spotlightr is of course compatible with all Wordpress page builders. In general you would use the builders HTML widget to add our embed code, though some of them do have some other ways of adding Spotlightr videos. Some also have direct integration with us.
Here is a list of some the more popular ones:
Check this section of our KB to see more articles on Spotlightr with third-party builders.
Should you experience any issues, looking forward to resolving them at support@spotlightr.com