SmartZIP OLX: Set up instructions

SmartZIP OLX: Set up instructions

SmartZIP OLX is our add-on for Blackbaud OLX donation forms providing international address autocomplete.

Installation is very simple as long as you are familiar with how to place an OLX donation form on a page (please refer to Blackbaud Guides for help on this if unsure).

Step 1 - Create your snippet

The first step is to create your snippet. To do this you:
This will give you something like the below snippet which you need to copy for Step 2.
<script>var SmartZIPOLXSettings = {"product":"SmartZIPOLX","client":"XXXXXXXXX"}</script><!--
(c) 2017 The SmartTHING Limited
File smartzipolx-display provided under license to XXXXXXXXX
Last updated 06/30/2017 05:01:41 pm
-->

Step 2 - Install the script on your website

You just need to paste your SmartZIP snippet after your OLX snippet so you will have something like the below instead of just the normal OLX snippet:
<div id="bbox-root"></div> 
<script type="text/javascript">
       window.bboxInit = function () {
           bbox.showForm('XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX');
       };
       (function () {
           var e = document.createElement('script'); e.async = true;
           document.getElementsByTagName('head')[0].appendChild(e);
       } ());
</script><script>var SmartZIPOLXSettings = {"product":"SmartZIPOLX","client":"XXXXXXXXX"}</script><!--
(c) 2017 The SmartTHING Limited
File smartzipolx-display provided under license to XXXXXXXXX
-->

Step 3 - Using SmartZIP - Checking the address auto complete

When installed and you go to your OLX page you should instead of the address fields see a 'Find address' box. Typing in the box should provide address suggestions for the country you currently have selected. When you select an address the address fields will then appear and be completed.

    • Related Articles

    • SmartZIP RENXT/BBCRM/eTapestry: Set up instructions

      This guide takes you through the installation of SmartZIP (Chrome edition) for Raiser's Edge NXT, eTapestry and Blackbaud CRM. Note: If you have just installed the Chrome extension skip to step 2. Step 1 - Install SmartZIP Using Google Chrome please ...

    • SmartZIP RE/Database View: Set up instructions

      Installation of SmartZIP RE is a quick three step process. 1. Set up your Loqate key You are hopefully aware that SmartZIP is powered by the leading provider of postcode lookups - Loqate (previously known as PCA Predict). You will need to set up your ...

    • SmartZIP BBIS/BBNC: Set up instructions

      This guide takes you through installing SmartZIP in your Blackbaud NetCommunity (BBNC) or Internet Solutions (BBIS) website as a custom part. It will then be available to you just like any other BBNC/BBIS part, so you can place it on pages where you ...

    • SmartSTOREOLX - Set up instructions

      ​ For the style script referenced in part 4. - please follow this link.

    • SmartPORTAL - Set up instructions

      SmartPORTAL overview SmartPORTAL is a flexible, modular application that allows you to build forms based on your functional requirements. The core SmartPORTAL elements are: Profile update form Login / Register form Add Actions SmartPORTAL allows your ...