π 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
| Provider | Description |
|---|---|
| π OpenStreetMap (Free) | Free address suggestions, no API key required |
| πΊοΈ Google Maps (Recommended) | High-accuracy autocomplete, geocoding, and Places API support |
π 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:
| Setting | Description |
|---|---|
| Modal Title | Text displayed at the top (e.g., "Select Your Delivery Location") |
| Custom Map Marker | Upload a custom icon for the location pin |
β¨ Key Features
| Feature | Description |
|---|---|
| π Smart Address Autocomplete | Real-time suggestions as customers type |
| πΊοΈ Interactive Map Selection | Pinpoint exact location with a draggable map marker |
| π Auto Location Detection | Detects visitorβs location automatically |
| β‘ Seamless Checkout Integration | Works directly within Shopify checkout and cart pages |
| π Autofill Without Popup | Automatically 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! π