Modules | ID Social

The IgnitionDeck Social Extension (ID Social) enables members of IgnitionDeck Commerce to effortlessly register and access their Member Dashboard by utilizing their Facebook account. For websites utilizing IgnitionDeck Enterprise, this feature facilitates the ability for individuals to sign up using their Facebook login credentials in order to create crowdfunding campaigns.

Installation of ID Social

IMPORTANT: To ensure the proper functioning of ID Social, it is essential that the email address in the Settings > General section matches the email address associated with your Facebook account, which you used to create your Facebook App ID.

1. Once you have purchased the ID Social Extension, download it from your members.IgnitionDeck.com dashboard under the Licenses tab.

   

2. Install ID Social to your /wp-content/plugins/ directory and activate it. This can be done by either uploading with FTP and then activating via the WordPress Plugins screen,  or via WordPress’ Plugin Uploader found in Plugins > Add New.  You will now have a new link in your IgnitionDeck settings area called “Social.”

Enabling Social Media Sharing

1. Go to IgnitionDeck » Social and activate the applicable social icons under Social Sharing Settings* for sharing options to be made available on the projects.* Sharing on Facebook requires a Facebook Application ID

   

2. Sharing can be enabled on regular WP posts and pages by checking the corresponding options.

3. For sites using the 500 Framework or a 500 child theme, there is also an option to enable social network links in the footer area of the site. Enable the options to be used and enter the corresponding ID for the social account:

   

Facebook Pixel

By creating a Facebook account and a dedicated Page for your site or business, you gain the ability to create Ads and leverage the power of Facebook Pixel to effectively track the performance of your campaigns.

1. Login to your Facebook account and visit https://adsmanager.facebook.com/

2. Under Account Overview, the Account ID can be found:

   

3. Enter the Account ID in the ID Social setting and click the Enable Facebook Pixel ID box to complete the ID Social portion of the set up.

   

4. You will want to go back to the Ads Manager to create your campaign to track the available options in Facebook Ads.

Facebook Application and/or Facebook Login

1. Log into Facebook and register to be an App Developer at https://developers.facebook.com/apps/. Facebook will prompt you to accept their Terms of Service, and verify your registration via a text message or phone call.

2. Create your new Facebook App ID by navigating to IgnitionDeck » Social, and check the Enable Facebook Login box, then click the “Create Facebook App” link. This will take you to Facebook’s app creation screen:

   

3. Add a New App to your Facebook Developer Account by clicking the Create New App option

   

4. Select Type: None

   

   Enter the Details for your app and click the Create app button

   

5. From the Facebook Dashboard, copy the generated App ID:

   

   Paste your App ID into the “Facebook Application ID” field in IgnitionDeck » Social, and click the save button. This will install all the required Javascript into your website’s pages, so you don’t need to edit your theme files to connect your site to Facebook’s APP

   

6. Back in the Facebook dashboard, under Settings » Basic, enter the App domain (your site's URL), Contact email (should be your Facebook Developer account email address by default), and the Policy and Terms pages for your website:

   

7. Click the Save changes button.

8. Under Products, click Add Product, locate the Facebook Login and click the Set up button:

   

9. Click the WWW button to make an app for a website:

   

10. Enter the URL for the home page of your site, including the https or http protocol, and click Save. Click Next on each step until you reach the end of the Quickstart process. There is no need to copy any of the code provided as it is already in place within the ID Social module.

11. Navigate to the Facebook Login » Settings page. Under Client OAuth settings, scroll down to the Login with the JavaScript SDK and toggle this to Yes:

    

12. Under the Allowed Domains for the JavaScript SDK, enter the address of your site including the https or http protocol. This should be the address of your home page. 

    

13. Click the Save changes button.

14. Navigate to App Review » Permissions and Features.

    

15. Locate the email permission and click the Get Advanced access button: 

    

    Accept the terms required to complete permission activation (you will be prompted to enter your Facebook password to complete):

    

    Successful activation will look like:

    

    Note: failure to enter a valid URL for your privacy policy page in step 6 will prevent permissions from being set here

16. Locate the public_profile permission and repeat the process to grant Advanced access to your app.

    

17. Finally, set the App to Live and complete the Data Use Checkup when prompted.

    

Congratulations! You should now see a Facebook button on your Login and Register pages.

NOTE: This level of Facebook Integration does not currently require further app approval from Facebook.