🔲Embeddable Widgets

Use the ViewFi embeddable widgets to publish your rewarded campaigns. Accessible from the publish page.

This campaign link is the easiest way to share your campaign. The format is [BrandName].viewfi.io/[campaignID]. It will play the video on the full page. Note you can chose to host this on your own domain. Learn more here

Example:

https://veloce1.viewfi.io/C/5QVD48S9J2
video.Veloce.com/C/5QVD48S9J2

Embed Code

Just like embedding a YouTube video on your site. You can make certain edits to the size and change the code:

Example Code:

<div id='VW-area' style="--aspect-ratio: 16/9;max-width: 960px;min-height:510px;" campaignId="5QVD48S9J2"></div><script src="https://api.viewfi.io/lib/js/loader.min.js"></script>

iFrame Code

This is another option to embed the code within your container on your site.

Example code:

<iframe src=https://veloce1.viewfi.io/C/5QVD48S9J2 width="100%" height="100%" frameborder="0" marginwidth="0" marginheight="0" hspace="0" vspace="0" scrolling=no bordercolor='#000000'></iframe>

QR Code

This will generate a campaign QR code for you to download and add to your campaign.

Get Overlay Widget

This allows you to add a text link anywhere on your site to launch the reward. This widget displays your campaign video as a text link, which then loads in an overlay modal in large player format.

Example Code:

<a id="VMOverlay" campaignId="5QVD48S9J2" href="javascript:void(0);">WATCH AND CLAIM NFT</a><script src="https://api.viewfi.io/lib/js/loader.min.js"></script>

ViewPlay Float

Paste this HTML snippet into your page header. A floating campaign image will display on your page in bottom right corner and will load the player modal in large player format once clicked. User will remain on the page throughout the whole experience.

Example Code

<div id='vieworks-area' viewfi-launch='true' container-position='left' style="--aspect-ratio: 16/9;max-width: 854px;" campaignId="5QVD48S9J2"></div><script src="https://api.viewfi.io/lib/js/earn-reward-large.min.js"></script><script src="https://api.viewfi.io/lib/js/loader.min.js"></script>

Video Leaderboard Embed

Here you can chose to embed your campaign leaderboard into your site directly using light mode or dark mode. Learn more here

<iframe src=https://hugoboss01.viewfi.io/l/KD88JFYF3T/leaderboard width="100%" height="100%" frameborder="0" marginwidth="0" marginheight="0" hspace="0" vspace="0" scrolling=no bordercolor='#000000'></iframe>

An Overview Of Common Resolutions

In aspect ratio 16:9:

Last updated