πŸ“ Addressly Documentation

🌍 Addressly β€” Smarter Addresses. Faster Checkouts. Fewer Delivery Issues

Addressly transforms your Shopify checkout with:

- Google-powered address autocomplete
- Interactive, live map previews
- Precise location detection

Shoppers can automatically see address suggestions as they type and click to fill their Shopify checkout address instantly.

With auto-detection of their location, Addressly ensures accurate addresses for faster, mistake-free deliveries, giving your customers a smooth and reliable checkout experience.

πŸ‘‹ Welcome

Welcome to Addressly, the smart address autocomplete solution designed for Shopify stores.

With Addressly, your checkout becomes faster and more reliable:

- Customers type less and select more
- Interactive maps help confirm the exact location
- Delivery errors are minimized

πŸ“‹ Installation & Setup

Step 1: Enable Addressly & Add API Key

1. Open the Addressly app in your Shopify admin.
2. Navigate to Settings.
3. Toggle Addressly Status β†’ ON.
4. Choose your Map Provider:
- OpenStreetMap (free, no API key)
- Google Maps (recommended for accuracy and autocomplete)
5. If using Google Maps, paste your API Key in the settings.
6. Click Save.

πŸ’‘ Tip: For security, restrict the API key to your store domain.

Step 2: Enable App Embed for Store Map Display

1. Click Enable App Embed in Addressly.
2. The Shopify Theme Editor will open automatically.
3. Click Save in the top-right corner.

> Your store map will now appear on the storefront and in checkout (if using Shopify Plus).

Step 3: Shopify Plus β€” Direct Checkout Integration

For Pro Plan users on Shopify Plus, Addressly can be added directly in the checkout page:

1. Open your Shopify Checkout Editor.
2. Go to the Main Section.
3. Click Add Block β†’ Addressly.
4. Click Save.

> Now customers can autocomplete addresses directly in checkout with Google-powered suggestions and interactive maps.

βš™οΈ Configuration Settings

πŸ“ Addressly Status

Toggle the address autocomplete feature:

- βœ… Enabled β†’ Autocomplete and map selection available
- ❌ Disabled β†’ Feature temporarily turned off

- Autofill Without Popup β†’ Enable this to skip the modal and auto-fill the Shopify checkout address directly.

πŸ—ΊοΈ Map Provider Selection

ProviderDescription
🌍 OpenStreetMap (Free)Free address suggestions, no API key required
πŸ—ΊοΈ Google Maps (Recommended)High-accuracy autocomplete, geocoding, and Places API support
> Select your provider in Settings β†’ Map Provider.

πŸ”‘ Google Maps & Places API Key Setup

1. Go to Google Cloud Console.
2. Create or select a project.
3. Enable the following APIs:
- Maps JavaScript API
- Geocoding API
- Places API
4. Create Credentials β†’ API Key.
5. Paste the key in Addressly Settings β†’ Google Maps & Places API Key.
6. Click Save.

πŸ’‘ Pro Tip: Always restrict the API key to your domain for security.

🎨 Modal Customization

Make the address modal match your store branding:

SettingDescription
Modal TitleText displayed at the top (e.g., "Select Your Delivery Location")
Custom Map MarkerUpload a custom icon for the location pin
> Keep titles short and action-oriented to guide customers clearly.

✨ Key Features

FeatureDescription
πŸ” Smart Address AutocompleteReal-time suggestions as customers type
πŸ—ΊοΈ Interactive Map SelectionPinpoint exact location with a draggable map marker
πŸ“ Auto Location DetectionDetects visitor’s location automatically
⚑ Seamless Checkout IntegrationWorks directly within Shopify checkout and cart pages
πŸ“ Autofill Without PopupAutomatically fills address fields on checkout without showing a modal
---

πŸ’Έ Pricing Plans

πŸ†“ Free Plan

- OpenStreetMap autocomplete only
- Address modal customization
- App Embed integration
- Basic map display

πŸš€ Pro Plan _(Recommended)_

Unlock Shopify Plus checkout integration and advanced features:

- Google Maps & Places autocomplete
- Interactive map picker with custom markers
- Auto location detection
- Autofill Without Popup
- Checkout integration with Shopify Plus:
1. Open Checkout Editor
2. Add Addressly block in the Main Section
3. Click Save
- Priority support via email & WhatsApp

> Upgrade anytime from the Pricing tab inside Addressly.

πŸ†˜ Support & Help

Contact Options:

- πŸ“§ Email: support@winsomies.com
- πŸ’¬ WhatsApp: +971 55 209 4305
- 🧾 Jira Support: Submit a ticket

Response time: within 24 hours (Mon–Fri)

πŸ”§ Quick Troubleshooting

Address autocomplete not showing?

- βœ… Check API key is correct and unrestricted
- βœ… Ensure Addressly is enabled
- βœ… Verify Google Maps APIs are active

Map not loading?

- βœ… Confirm provider selection
- βœ… Check browser console for errors
- βœ… Ensure API key permissions

Wrong pin location?

- βœ… Verify Geocoding API is enabled
- βœ… Ensure Places API is configured
- βœ… Match regional address formats

🧩 Summary

Addressly simplifies checkout, reduces address errors, and increases delivery success.

βœ… Faster Checkout
βœ… Fewer Address Errors
βœ… Happier Customers
βœ… Multiple Map Provider Options

🌟 Ready to enhance your checkout experience?
Activate Addressly today and make address entry effortless! πŸš€