JUX SOCIAL POPUP

Created: 04/10/2014

Lastest update: 06/22/2016

By: Joomlaux

Need Support

 

Step 1: Please config in module tab

You can choose social popup type “Facebook fanpage” or “Twitter Follow” or “Social Option”

 

Social popup type         Type display of social:  You Can choose Facebook fanpage or Twitter fanpage or Social popup
Popup Title           Title for Social popup (note: DO  NOT use for Twitter )
Popup Message   Message for Social popup (note: only display for Social popup)

 

Step 2: Next to config popup tab

This is generalconfiguration for Social Popup: Facebook fanpage, Twitter fanpage and Social Popup

 

Window size width     
Size width for Social Popup (note: DO NOT use for Facebook fan page)

Window size height
Size height for Social Popup(note: DO NOT use for Facebook fan page)

Border color popup
Style border color for social popup

Border size popup
Style border size for social popup

Popup window color
Set popup window background color

Background image URL

Enter your URL of background image window popup.

Leave this field blank if you do not need background image

Color title
Choosing color of the title display in Social popup

Color message
Choosing color of the Message display in Social Popup

Overlay Color

Can Set arbitrary overlay color for Social popup. 
Opacity

Opacity here makes your Color Overlay more transparent.

Ex: Set for Opacity:  0.7
Start delay(seconds)

Popup appears with this delay after page loaded.

 Set 0 for immediate start
Autoclose delay(Seconds)

Popup is automatically close after this period of time.

Ex: if you set 10, Popup will automatically close after 10 Seconds.

Cookie Save
On/Off cookie save for popup window
Disable popup of iPhone On/Off  popup of iPhone
 

 

Step 1: When you select "Facebook Fanpage" type in module tab as image below:

Step 2 : Please go to tab Facebook fanpage and set some configuration below.

 

Facebook fan page URL Enter arbitrary Facebookfanpagepopup windows
Show Friends' Faces Show profile photos when visitor like this
Show Posts Show post from the page's timeline
 

 

Step 3 : Please go to frontend, You can see facbook page that will show the below:

When you show Friends faces

When you show post

Step 1: When you select "Twitter follow" type in module tab as image below:

 

Step 2: Please go to Twitter fanpage tab and enter information for twitter as ID, key, token ...

 

Style twitter fan page Choose style for page twitter popup
Faces Enter number “profile picture” you want to display
Twitter ID Enter Twitter ID
Consumer key Enter Consumer key
Consumer key secret Enter Consumer key secret
Oauth access token Enter Oauth access token
Oauth access token secret Enter Oauth access token secret

 

Step 3: Please go to frontend and can see Twitter fanpage

 

How to get the consumer key? Consumer Secret? Access token? Access token secret?

1.     Go to https://dev.twitter.com/apps/new and log in, if necessary

 

2.     Enter your Application Name, Description and your website address. You can leave the callback URL empty.

3.     Accept the TOS, and solve the CAPTCHA.

4.     Submit the form by clicking the Create your Twitter Application

5.     Copy the consumer key (API key) and consumer secret from the screen into your application.

 After creating your Twitter Application, you have to give the access to your Twitter Account to use this Application. To do this, click the Create my Access Token.

Step 1: When you select "social option" type in module tab as image below:

Step 2: Please go to Social Popup and Option social button tab .

1. Social Popup

This tab, Please select style, enter information for your social

 

Information for social popup

Social style button Choose style for button social popup
Social Style Share Choose  style share for social popup
Link Share Social Link share social
Count Share Show/hide box count of share social popup
Facebook Option  
1. Facebook like Show/hide facebook like in social popup
2. Like Facebook URL Like facebook URL
3.Face Share Show/hide facebook share
Twitter Options  
1. Twitter follow Show/hide twitter follow in social popup
2.Follow twitter URL Follow twitter URL
3.Twitter Share Show/hide share
GooglePlus Button Options  
1.Googe + Share Show/hide google share
Pinterest Options  
1.Pinterest Follow Show/hide pinterest follow in social popup
2.Follow pinterest Url Follow pinterest Url
3.Pinterest Share Show/hide pinterest share

 

Please go to frontend, You can see your configure for social on Social popup as image below

 

2. Tab Option social button

 

Information for social

Facebook Button Options  
1.Show/hide Allow Show/Hide social Facebook
2.Facebook count like Allow Show/Hide social count like Facebook
3.Url Enter Facebook Url
Linkedln Button Options  
1. Show/hide Allow Show/Hide social Linkedln
2.Linkedin count Followers Allow Show/Hide social count followers Linkeln
3.Url Enter LinkedlnUrl
Twitter Button Options  
1. Show/hide Allow Show/Hide social Twitter
2. Twitter count Followers Allow Show/Hide social count followers Twitter
3. Url Enter Twitter Url
4.Sreen Name Enter Screen Name
5. Consume key Enter Consume Key
6.Consume Secret Enter Consume Secret
Rss button Options  
1.Show/hide Allow Show/Hide Rss
2.Display Feed RSS Allow Show/Hide Feed Rss
3. Url Enter RssUrl
GooglePlus Button Options  
1.Show/hide Allow Show/Hide social GooglePlus
2. Google count Followers Allow Show/Hide social count Followers GooglePlus
3. Url Enter GooglePlusUrl
4. Page ID Enter GooglePlus Page ID
5. API Key Enter GooglePlus API key
Instagram Button Options  
1. Show/hide Allow Show/Hide social instagram
2. Instagram count Followers Allow Show/Hide social count followers instagram
3. Url Enter InstagramUrl
4. User ID Enter Instagram User ID
5. Access Token Enter instagram Access Token
Dribbble Button Options  
1.Show/hide Allow Show/Hide social Dribbble
2.Dribbble count Followers Allow Show/Hide social count Followers Dribbble
3.Url Enter Dribbble Url
4.User Name Enter User name
SoundCound Button Options  
1.Show/hide Allow Show/Hide social SoundCloud

2.Soundclound count Followers

Allow Show/Hide social count Followers SoundCloud

3.Url Enter SoundCloundUrl
4.User Name Enter SoundClound User Name
5.Access Token Enter SoundClound Client ID
Vimeo Button Options  
1.Show/hide Allow Show/Hide social vimeo
2. Vimeo count Followers Allow Show/Hide social count Followers vimeo
3. Url Enter vimeoUrl
4.User Name Enter Vimeo User Name

Please go to frontend, You can see your configure for option social button as image below

How to get your Intagram’s user ID and Access_token

Instagram ID is the numeric represents your account. If you don’t know how to get it, please do these steps:

1. Go to this link .
Please click "Generate Access Token" as image below:

2. Input your username and password. You’ll get your access_token:

After when you access your instagram, You get access_tokken user ID as image below:

How to get SoundCloud Access Token

Step 1: Please go to Go To Your Applications page

Step 2: Click On "Register a new application" Button .

 Step 3: Enter Your App Name and click on "Register".

 Step 4: Check "Yes, I have read and accepted the Developer Policies" and Click on "Save App" Button

 Step 5: Copy the "Client ID" and Go To "Arqam Settings page" and paste it in "API Key" input field in the SoundCloud Box.