ViewFi
  • 👋Welcome to ViewFi
    • ⏩Quick Start
    • Video Demos
    • Platform Walkthrough
  • Build
    • Set Up Your Brand Seat
    • Creating A Campaign
      • Coupon Campaign
      • Reward Link Campaign
      • Contest Campaign
      • Free Form Campaign
      • NFT Campaign
      • Airdrop Campaign
      • Whitelist Campaign
      • Roblox Campaign
    • 🤓Advanced Settings
  • Publish
    • 📰Publish your campaign
    • 🔲Embeddable Widgets
    • 🇸🇴Social Sharing
    • 📺Ad Formats - ViewPlay™
      • Telegram Bot Set Up
    • Technical Ad Specs
    • Creative Requirements
    • Generating New Campaign Links
    • 📀Connect Sub Domain
    • User Data Collection
  • Features
    • 👨‍💼Access User Data
    • 📊Stats & Analytics
    • 🤼Referral System
    • 📩Email System
    • ViewDrop - Video Player
    • 🏀Social Tasks
    • Forms and Quizzes
    • 🎨Web3 Reward Solutions
      • 🎨Mint Station
      • 🗳️ViewDrop Wallet
      • Gasless Transactions
      • 📶Attribution Tracking
    • ⛓️Integrations
      • Gumlet
    • Campaign Editing & Duplication
    • Widget Language Customization
  • Learn
    • 🚙How the Player Works
    • Use Cases
      • 🙌For Brands and Agencies
      • 👥Web3 Projects
      • 📶For Sales Teams
      • 👩‍💻For Onboarding, Education
      • 🎭For Creators
      • 🎬Movie Studios
      • 🎮Gaming
      • 💄Luxury Brands
    • 🧠Understanding web3
    • 🎆Distributing Your Videos
    • Roadmap
  • Admin
    • ⭐Signing Up
    • Invite Teammates
    • 🧑‍🤝‍🧑Support & community
Powered by GitBook
On this page
  • Social Embed Links
  • Embed Code
  • iFrame Code
  • QR Code
  • Get Overlay Widget
  • ViewPlay Float
  • Video Leaderboard Embed
  • An Overview Of Common Resolutions
  1. Publish

Embeddable Widgets

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

PreviousPublish your campaignNextSocial Sharing

Last updated 7 months ago

Social Embed Links

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

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

<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:

Standard
Resolution
Fancy Name

480p

720x480

DVD Video

720p

1280x720

Fake HD

1080p

1920x1080

Full HD

2160p

3840x2160

4K

4320p

7680x4320

8K UHD

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

🔲
here
here
Example QR Code. Scan to view.