sdk.fleeq.io Open in urlscan Pro
2600:9000:223e:e800:6:825a:20c0:93a1  Public Scan

Form analysis
0 forms found in the DOM

Text Content

Mobile Version
Coming Soon
FleeqSDK Integration
 * Introduction
 * Setup
 * Embed
 * Modal
 * Email paywall - Embed
 * Email paywall - Modal
 * Thumbnail
 * SDK restart
 * Fleeq keys

logo_attributewhite_fleeq


INTRODUCTION

IMPORTANT:
THIS INFORMATION IS NOT MANDATORY ALTHOUGH THIS CONTENT DOES ALLOW YOU TO
BROADEN YOUR OPTIONS IF YOU ARE INTERESTED IN ADDING FLEEQS/SERIES OR EMAIL
PAYWALL FUNCTIONALITY ONTO YOUR OWN WEBSITE.

THE SDK IS AN EXTENSION OF THE FLEEQ ECOSYSTEM, IT PROVIDES EXTRA CAPABILITIES
WHICH ARE APPLICABLE TO YOUR WEBSITE. ONCE THE SDK IS EMBEDDED, YOU WOULD BE
ABLE TO LAUNCH FLEEQS ALONG YOUR OWN WEBSITE. WE WE FULLY SUPPORT ALL BROWSERS
AND MOBILE DEVICES.

COMMON USAGES MIGHT BE: DISPLAY A DEMO OF YOUR PRODUCT ON YOUR COMMERCIAL
WEBSITE, A HELP CALL TO ACTION THAT LAUNCHES A MODAL WITH AN INTERACTIVE FLOW, A
DEDICATED SECTION OF "ACADEMY", OR SIMPLY A LEAD GENERATOR MODAL THAT DRIVES
MORE OPPORTUNITY. IN JUST 2-3 MINUTES YOUR ENVIRONMENT WOULD BE FULLY INTEGRATED
AND READY FOR ANY FLEEQS/SERIES ADOPTION. SDK SUPPORT:

FEATURE DESCRIPTION FLEEQ AN INTERACTIVE FLOW THAT TELLS A STORY, DEMO'S A
PRODUCT, SOLVES A SUPPORT ISSUE, ETC, EMBEDDABLE IN 4 DIFFERENT SIZES OR AS A
POPUP MODAL SERIES A COLLECTION OF FLEEQS, WHICH ENABLES A BROADER "STORY",
EMBEDDABLE IN 4 DIFFERENT SIZES OR AS A POPUP MODAL EMAIL PAYWALL AN OFFER TO
DELIVER FLEEQS AND SERIES IN EXCHANGE TO EMAIL INFORMATION, EMBEDDABLE IN 3
DIFFERENT SIZES OR AS A POPUP MODAL


SETUP

IN OUR DASHBOARD WE OFFER A SIMPLE WAY TO EMBED ANY ELEMENT BY ADDING THE FLEEQ
SDK AS A SUFFIX ON EACH EMBED, EXAMPLE:

<DIV CLASS="GUIDEZ3RDPJS-INLINE" DATA-KEY="XXXXXXXXX-XXXXXXXXXX" DATA-MTYPE="G"
DATA-INLINE-TYPE="FULL-MINI"></DIV>
<SCRIPT SRC="HTTPS://SDK.FLEEQ.IO/FLEEQ-SDK-LIGHT.JS"></SCRIPT>

AS A MORE CONVENIENT WAY, YOU CAN INCLUDE THE JS FILE ONCE (IN A GLOBAL FILE,
FOR INSTANCE), AND THEN ADD FLEEQS THROUGH OUT YOUR WEBSITE.

<SCRIPT SRC="HTTPS://SDK.FLEEQ.IO/FLEEQ-SDK-LIGHT.JS"></SCRIPT>

AND LATER:

<DIV CLASS="GUIDEZ3RDPJS-INLINE" DATA-KEY="XXXXXXXXX-XXXXXXXXXX" DATA-MTYPE="G"
DATA-INLINE-TYPE="FULL-MINI"></DIV>


EMBED

FLEEQ AND SERIES INLINE EMBED ARE BUILT INTO A DIV TAG WITH RELEVANT DATA
ATTRIBUTES THAT IDENTIFY THE TYPE AND BEHAVIOUR OF THE EMBED. ALL EMBEDS
INCLUDES AN IFRAME COMPONENT THAT AUTOMATICALLY LAUNCHES THE RELEVANT
FLEEQ/SERIES

NAME TYPE REQUIRED DESCRIPTION GUIDEZ3RDPJS-INLINE CLASS YES INDICATES THIS
ELEMENT IS OF TYPE INLINE EMBED DATA-KEY DATA-ATTRIBUTE YES THE KEY THAT
IDENTIFIES THE FLEEQ/SERIES
( XXXXXXXXX-XXXXXXXXXX ) DATA-MTYPE YES-ATTRIBUTE YES IDENTIFIES THE TYPE OF THE
EMBED : A FLEEQ ('G') OR A SERIES ('C') DATA-INLINE-TYPE DATA-ATTRIBUTE YES SIZE
/ FORMAT OF THE EMBEDDABLE COMPONENT (DETAILED IN THE NEXT TABLE) DATA-AUTO-PLAY
DATA-ATTRIBUTE NO LAUNCH AUTOMATICALLY ON LOAD, TRUE OR FALSE (DEFAULT IS FALSE)

AN EXAMPLE FOR SUCH A DIV, CONTAINING, A "MINI" EMBEDDABLE FLEEQ MIGHT LOOK LIKE
THIS:

<DIV CLASS="GUIDEZ3RDPJS-INLINE" DATA-KEY="XXXXXXXXX-XXXXXXXXXX" DATA-MTYPE="G"
DATA-INLINE-TYPE="FULL-MINI"></DIV>

FLEEQ AND SERIES INLINE EMBED ENABLE FOR DIFFERENT SIZES WITHIN TWO FORMATS:

NAME SIZE SUPPORT DESCRIPTION LARGE_1_ICONS FULL-BIG 740X555 FLEEQ, SERIES GRABS
MOST OF THE USER ATTENTION (IN MOST CASES, TAKES UP A MAJOR PART OF YOUR END
USER VIEWPORT) MID_1_ICONS FULL 600X450 FLEEQ, SERIES THE DEFAULT SIZE, OPENS
ADDITIONAL SPACE FOR TEXTUAL INFORMATION SMALL_1_ICONS FULL-MINI 400X300 FLEEQ A
MINI VERSION, WORKS GREAT AS A QUICK TUTORIAL THAT COULD EVOLVE FOR MORE

"FULL-BIG" EXAMPLE:

<DIV CLASS="GUIDEZ3RDPJS-INLINE" DATA-KEY="XXXXXXXXX-XXXXXXXXXX" DATA-MTYPE="G"
DATA-INLINE-TYPE="FULL-BIG"></DIV>



"FULL" EXAMPLE:

<DIV CLASS="GUIDEZ3RDPJS-INLINE" DATA-KEY="XXXXXXXXX-XXXXXXXXXX" DATA-MTYPE="G"
DATA-INLINE-TYPE="FULL"></DIV>



"FULL-MINI" EXAMPLE:

<DIV CLASS="GUIDEZ3RDPJS-INLINE" DATA-KEY="XXXXXXXXX-XXXXXXXXXX" DATA-MTYPE="G"
DATA-INLINE-TYPE="FULL-MINI"></DIV>



MOBILE

ON MOBILE, ALL INLINE EMBED OPTIONS WOULD APPEAR AS AN ACTIONABLE IMAGE, ONCE
CLICKED, THIS WOULD OPEN AN ADDITIONAL TAB ON YOUR MOBILE BROWSER WITH THE
RELEVANT FLEEQ/SERIES


MODAL (POPUP)

AN EASY WAY TO LAUNCH A FULL SCREEN OVERLAY AND A RELATIVE MODAL DISPLAYING THE
FLEEQ/SERIES, THE MODAL INCLUDES AN IFRAME COMPONENT.

NAME TYPE REQUIRED DESCRIPTION GUIDEZ3RDPJS-MODAL CLASS YES INDICATES THIS
ELEMENT IS OF TYPE MODAL (POPUP) EMBED DATA-KEY DATA-ATTRIBUTE YES THE KEY THAT
IDENTIFIES THE FLEEQ/SERIES
( XXXXXXXXX-XXXXXXXXXX ) DATA-MTYPE DATA-ATTRIBUTE YES IDENTIFIES THE TYPE OF
THE EMBED : A FLEEQ ('G') OR A SERIES ('C')

MODAL CODE EXAMPLE:

<DIV CLASS="GUIDEZ3RDPJS-MODAL" DATA-KEY="XXXXXXXXX-XXXXXXXXXX" DATA-MTYPE="G">
CLICK ME TO VIEW </DIV>

Click me to view

MOBILE

ON MOBILE MODAL INTEGRATIONS APPEAR AS AN ACTIONABLE IMAGE, ONCE CLICKED, THE
IMAGE WOULD OPEN AN ADDITIONAL TAB ON YOUR MOBILE BROWSER WITH THE RELEVANT
FLEEQ/SERIES


EMAIL PAYWALL - EMBED

FULLY CUSTOMIZABLE EMAIL PAYWALLS WIDGETS THAT APPEAR ALONG SIDE YOUR SITE
CONTENT, DRIVE LEAD GENERATION WITH INLINE OPT-IN MECHANISM.

NAME TYPE REQUIRED DESCRIPTION GUIDEZ3RDPJS-INLINE CLASS YES INDICATES THIS
ELEMENT IS OF TYPE INLINE EMBED DATA-KEY DATA-ATTRIBUTE YES THE KEY THAT
IDENTIFIES THE PAYWALL
( XXXXXXXXX-XXXXXXXXXX )
EMAIL PAYWALL HOLDS A UNIQUE KEY ( DIFFERENT FROM THE FLEEQ/SERIES HE REPRESENTS
) DATA-MTYPE DATA-ATTRIBUTE YES IDENTIFIES THE TYPE OF THE EMBED: AN EMAIL
PAYWALL ('LB') DATA-INLINE-TYPE DATA-ATTRIBUTE YES SIZE / FORMAT OF THE
EMBEDDABLE COMPONENT (DETAILED IN THE NEXT TABLE)

AN EXAMPLE FOR SUCH A DIV, CONTAINING, AN "L" EMBEDDABLE EMAIL PAYWALL MIGHT
LOOK LIKE THIS:

<DIV CLASS="GUIDEZ3RDPJS-INLINE" DATA-KEY="XXXXXXXXX-XXXXXXXXXX" DATA-MTYPE="LB"
DATA-INLINE-TYPE="L"></DIV>

EMAIL PAYWALL IS OFFERED IN DIFFERENT SIZES WITHIN TWO FORMATS:

NAME SIZE SUPPORT DESCRIPTION LEADGENSMALLEMBED_PREVIEW M 510X210 FLEEQ, SERIES
A COMMON SIZE FOR OPT IN SERVICES, "PLAYS" ALONGSIDE ADDITIONAL CONTENT
EMBED_3_ICONS L 710X315 FLEEQ, SERIES A BIGGER VERSION OF 'M', GRABS THE
RELEVANT ATTENTION WITH EXTENDED WIDTH LEADGENVERTICALEMBED_PREVIEW BOX 360X340
FLEEQ, SERIES A VERTICAL VERSION, MIGHT BE MORE RELEVANT WHEN EMBEDDED ON THE
PAGE OUTSKIRTS

"M" EXAMPLE:

<DIV CLASS="GUIDEZ3RDPJS-INLINE" DATA-KEY="XXXXXXXXX-XXXXXXXXXX" DATA-MTYPE="LB"
DATA-INLINE-TYPE="M"></DIV>



"L" EXAMPLE:

<DIV CLASS="GUIDEZ3RDPJS-INLINE" DATA-KEY="XXXXXXXXX-XXXXXXXXXX" DATA-MTYPE="LB"
DATA-INLINE-TYPE="L"></DIV>



"BOX" EXAMPLE:

<DIV CLASS="GUIDEZ3RDPJS-INLINE" DATA-KEY="XXXXXXXXX-XXXXXXXXXX" DATA-MTYPE="LB"
DATA-INLINE-TYPE="BOX"></DIV>



MOBILE

ON MOBILE, ALL INLINE PAYWALL FORMATS WOULD APPEAR AS THE 'BOX' FORMAT.


EMAIL PAYWALL - MODAL

WITH EMAIL PAYWALL YOU CAN OFFER YOUR FLEEQS AND SERIES AS PREMIUM CONTENT,
MODAL BEHAVIOUR ENABLES YOU TO LAUNCH RELEVANT CALL TO ACTIONS THAT GRAB THE
USER ATTENTION ( TARGETED AND FOCUSED )

NAME TYPE REQUIRED DESCRIPTION GUIDEZ3RDPJS-MODAL CLASS YES INDICATES THIS
ELEMENT IS OF TYPE MODAL (POPUP) EMBED DATA-KEY DATA-ATTRIBUTE YES THE KEY THAT
IDENTIFIES THE FLEEQ/SERIES
( XXXXXXXXX-XXXXXXXXXX ) DATA-MTYPE DATA-ATTRIBUTE YES IDENTIFIES THE TYPE OF
THE EMBED : AN EMAIL PAYWALL ('LB')

MODAL CODE EXAMPLE:

<DIV CLASS="GUIDEZ3RDPJS-MODAL" DATA-KEY="XXXXXXXXX-XXXXXXXXXX" DATA-MTYPE="LB">
CLICK ME TO VIEW </DIV>

Click me to view

MOBILE

ON MOBILE, MODAL INTEGRATIONS APPEAR THE SAME.


THUMBNAIL

FOR EACH FLEEQ/SERIES WE AUTOMATICALLY GENERATE A THUMBNAIL, WITH YOUR CHOSEN
COLOR. TO CUSTOMIZE HOW SUCH A THUMBNAIL MIGHT LOOK YOU SHOULD:
1. SET THE RELEVANT THUMBNAIL FROM ALL THE SCREENS THAT ARE IN THE RELEVANT
FLEEQ ( OR CHOOSE WHICH FLEEQ WOULD REPRESENT THE A SERIES )
2. GO TO FLEEQ / SERIES THEME CONFIGURATION, CLICK ON THE THUMBNAIL TAB ON TEH
BOTTOM AND DON'T FORGET TO CLICK SAVE HERE IS A SHORT FLEEQ TO ILLUSTRATE THIS,
CLICK HERE

THE URL FOR THIS THUMBNAIL IS LOCATED AT:

HTTPS://S3-EU-WEST-1.AMAZONAWS.COM/GUIDEZ-THUMBNAILS/P/XXXXXXXXX-XXXXXXXXXX_600.JPG

EXAMPLE #1: MODAL LAUNCH W/ A THUMBNAIL ( EMAIL PAYWALL ) :

<DIV CLASS="GUIDEZ3RDPJS-MODAL" DATA-KEY="XXXXXXXXX-XXXXXXXXXX" DATA-MTYPE="LB">
<IMG WIDTH="350"
SRC="HTTPS://S3-EU-WEST-1.AMAZONAWS.COM/GUIDEZ-THUMBNAILS/P/XXXXXXXXX-XXXXXXXXXX_600.JPG">
</DIV>



EXAMPLE #2: MODAL LAUNCH W/ A THUMBNAIL ( FLEEQ ) :

<DIV CLASS="GUIDEZ3RDPJS-MODAL" DATA-KEY="XXXXXXXXX-XXXXXXXXXX" DATA-MTYPE="G">
<IMG WIDTH="350"
SRC="HTTPS://S3-EU-WEST-1.AMAZONAWS.COM/GUIDEZ-THUMBNAILS/XXXXXXXXX-XXXXXXXXXX_600.JPG">
</DIV>




SDK RESTART

YOU MAY NEED TO RESTART THE SDK AFTER LOADING DYNAMIC CONTENT WITH FLEEQS/SERIES
OR EMAIL PAYWALL WIDGETS. GIVEN THE SDK IS SCANNING YOUR CODE AND GENERATES THE
RELEVANT COMPONENTS ON PAGE LOAD, YOU MIGHT NEED TO RE-CALL THIS CAPABILITY.
FLEEQ'S API INCLUDES A SIMPLE JAVASCRIPT CALL THAT RE SCANNS YOUR CODE FOR
RELEVANT COMPONENTS.

FLEEQSDK.INIT();


FLEEQ KEYS

EVERY NOW AND THEN YOU MIGHT WANT TO JUST SWITCH BETWEEN FLEEQ KEYS, INSTEAD OF
ADDING THE SAME EMBED CODE (ALL OVER AGAIN). IN THESE CASES, YOU JUST NEED TO
GET THE CODE OF THE RELEVANT FLEEQ/SERIES AND ADD IT TO YOUR CURRENT EMBEDDABLE
CODE. HERE IS A QUICK TUTORIAL THAT SHOWS HOW YOU CAN FINS AND USE YOUR FLEEQ
CODE KEY