• Skip to content
  • Skip to primary sidebar
  • Skip to footer

Foliovision

Making the web work for you

Main navigation

  • Weblog
    • FV Player
    • WordPress
    • Video of the Week
    • Case Studies
    • Business
  • About
    • Testimonials
    • Meet the Team
    • We Support
    • Careers
    • Contact
    • Pricing
  • Products
  • Support
    • FV Player Docs
    • Pro Support
  • Login
  • Basket is empty

Setting Up the HTML Pop-up Feature

The HTML popup is a useful feature that allows you to show a text box after a video ends. And since it's called HTML popup, you don't have to limit to just plain text. You can add clickable links, add images, set up styling and much more.

This is a great way to get creative and for instance promote other content on your website, bring in some more conversions, or maybe raise the number of followers to your social media channels.

Setting things up and running is really easy. Just go to Settings > FV Player > Post Interface Options > tick the box HTML popup > click Save All Changes.

Allowing the HTML popup feature
Allowing the HTML popup feature

There are several ways to use this feature. The easiest one is to write the HTML code right into the designated box, when adding a new video through the Add FV Player dialog box.

The simplest way to use the HTML popup feature
The simplest way to use the HTML popup feature

In the example above we've added a simple text with a link to our Twitter profile. This is how it will look like, when the video ends:

video-ending

If you know your way around the shortcodes, you can also add a popup="" line into an existing shortcode and add the HTML code between the quotation marks. Keep in mind that every quotation mark symbol (") within the code needs to be escaped with backslash symbol (\) or use apostrophe (') instead of quotation marks. It might look like this:

shortcode-example

If you are using HTML code in your popup and would like to make changes, it's easier to navigate within that code, if you switch to Visual Editor, then place your cursor on the shortcode and click the FV Player button. In the Add FV Player dialog box you will see your HTML code again with regular quotation marks without backslashes.

Enough theory, here's an example video so you can see yourself what the feature can do:

00:44
Link

More information:

  • You can install our plugin via WordPress
  • You can also buy our license and get the Pro extension (advanced Vimeo integration, video lightbox, quality switching)
  • More resources, how-tos and documentation available on our site
  • Support available on our FV Flowplayer forums

Uložiť

Share1
Tweet
Share
1 Shares

Reader Interactions

Primary Sidebar

Footer

Our Plugins

  • FV WordPress Flowplayer
  • FV Thoughtful Comments
  • FV Simpler SEO
  • FV Antispam
  • FV Gravatar Cache
  • FV Testimonials

Free Tools

  • Pandoc Online
  • Article spinner
  • WordPress Password Finder
  • Delete LinkedIn Account
  • Responsive Design Calculator
Foliovision logo
All materials © 2021 Foliovision s.r.o. | Panská 12 - 81101 Bratislava - Slovakia | info@foliovision.com
  • This Site Uses Cookies
  • Privacy Policy
  • Terms of Service
  • Site Map
  • Contact
  • Tel. +1 518 412 4600