Integrations
Last updated
Last updated
Nectar provides integrations for popular third-party services right out-of-the-box.
AlaSQL is a JavaScript Database which handles both Relational Data and Nested JSON Data and allows to export, store and import data from LocalStorage, IndexedDB and Excel.
Disqus is a global comment system that improves discussion on websites and connects conversations across the web.
Create an account on Disqus: https://disqus.com/profile/signup/?next=/admin/create/
After creating the account below screen will appear. Fill out the details and click on 'Create Site'. Copy the shortname.disqus.com
value.
3. Open partials/integrations/disqus.html
4. Inside LazyLoad.js(['
https://pmsgz.disqus.com/embed.js
']);
Replace pmsgz
with your unique shortname
.
5. Inside loadDisqusComments: function() {
this.page.identifier
and this.page.url
must be unique for each page on which you want to show comments.
Embedly provides an easy way to embed content, videos and rich media from third party websites.
It supports embedding content from 650+ providers.
Facebook Comments allows the users to comment on content such as articles on your site using their Facebook account.
Create a Facebook App on https://developers.faceook.com
Add a Product Account Kit
Copy the Facebook App ID
Open assets/custom/js/config.js
Inside window.config.facebook = { appId: 'ENTER_APP_ID_HERE' };
Check the official documentation here: https://developers.facebook.com/docs/plugins/comments/
Earn revenue from your mobile app by using Google AdMob.
It supports Banner Ads, Interstitial Ads and Rewarded Video Ads.
Google Maps is a mapping service which helps you seamlessly integrate satellite imagery, street maps, 360° panoramic views of geographical regions and sites around the world.
https://cloud.google.com/maps-platform
Save your custom form data into the Google Spreadsheet and get notified by email.
Create a new blank spreadsheet
3. Place the names of each form field in first row. The name of the cells in the spreadsheet must match the name of the form inputs. The names are case-sensitive.
As we have set up our Google Spreadsheet with our form fields, we will write the script that will allow us to send the form data to it.
From the spreadsheet we just created, go to the 'Tools' menu and select 'Script editor'.
2. This will open a new Google Script that will look something like this:
3. Copy the following code and paste into the editor.
4. Save the script and give it an appropriate name. Then go to the 'Run' menu, then 'Run function' and select 'setup'.
You might be asked to give Google Scripts to use your Google account.
When you click 'Review Permissions', you might be prompted with this:
5. Once you have given your authorization, go to the 'Publish' menu and select 'Deploy as web app'.
6. You will then be presented with these options with which you have to customize the script.
The last two of these three options are extremely important to set correctly or you won’t be able to access your script with an AJAX request. You must execute the app as yourself 'Me' and you must give 'Anyone, even anonymous' access to the app. Without these settings your script will reject any request from a different server, like your form’s AJAX request, because it won’t be configured to allow for cross-origin resource sharing (CORS).
7. Once you have configured these options, go ahead and click 'Deploy'.
8. You will be prompted with the following dialog. Copy the URL.
9. Use the copied URL in your HTML form action attribute. This URL will be used to send the form via AJAX
Gravatar — A Globally Recognized Avatar is a widely used service where you create your public profile and then it can be used anywhere via REST API just using the email address.
https://en.gravatar.com/site/implement
MailChimp is a marketing automation platform and an email marketing service where you can create and send emails, manage subscribers and mailing lists.
Configure your subscribeUrl
, userId
and audienceId
inside config.js
file.
In your MailChimp account:
Go to Audience -> Signup forms -> Embedded Forms
In the embedded HTML code, find the <form action="">
attribute.
It looks something like this:
https://gmail.us20.list-manage.com/subscribe/post?u=61e096fdff69bc5a03377380c&id=edf9a19615"
Here, the URL without query parameters is your subscribeUrl
In the subscribeUrl
, replace post
with post-json
u
is your userId
id
is your audienceId
The <input name="" />
attribute of MailChimp embedded HTML form and your app form must match.
Generate QR Codes in your app.
https://www.npmjs.com/package/qrcode-generator
Display up-to-date RSS feeds in your app.