General introduction
What is Social Popup?
JUX Social Popup is a new solution for your social network pages.This module help you increase your social network page’s followers by display a popup screen in your site with share, like, follow… button.
Why you should use JUX Social Popup?
The JUX Social Popup have much greater performance thanother social popup plugins are available now.
Social Popup include a lot of new features for you to choose and you can set your notification to display social sharing buttons width very easy.
Social Popup has several system requirements as follow: You have to ensure that your system has already installed, XML and Zlib-Support built into your PHP. PHP should be compiled with support for https (openSSL) and cURL. PHP Safe Mode should be turned off. This module can run well on major browsers such as: Internet Explorer (version 10+), Firefox, Chrome, Opera 9+, and Safari. JavaScript must be activated. After purchasing our product, you’ll see the download link at Social Popup product page: http://www.joomlaux.com/download.html Note: If there is any problem, please contact us at: http://www.joomlaux.com/support/contact-us.html Package After download the extension you will received an installation package named: Module mod_jux_social_popup.zip Module Installation Go to Administrator site => “Extension” => “Extension Manager” in the Top Menu. In “Upload Package File” block, please Upload & Install our extensions: Frontend
Backend
Server Requirement
Client Requirements
Download
General Configure
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 |
Configure for Facebook Fan page
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
Configure Twitter fan page
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.
Configure social popup & option social button
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
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
2.Soundclound count Followers
Allow Show/Hide social count Followers SoundCloud
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.