Get started  
Login  

Help Center

Community / Forum Ask Zappter Support We build your app Marketplace

Documentation

English

General

Getting started Creating content Installing plugins Customizing upper bar Customizing bottom bar Changing template Try the app Changing Rules Changing Logo Accessing Web App
Changing the design Customizing Design Typography Button Colors Hiding an element Resizing, Rotating & Cropping Images Marketplace App Designs
Add a sidebar menu Creating a sidebar Customizing the sidebar Restoring default sidebar
Create intro slides Setting up intro slides Duplicating a slide
Workstations Understanding Workstations Mail Groups & Accounts
Publishing your app App Store Submission App Icon App Store Description Keywords Screenshots Startscreen Google Feature Graphic Apple Guidelines All Set, Submit
Custom web-app domain Setting Up Custom Domain Domain Redirects
Account & Help Troubleshooting Granting Support Access Manage Subscriptions Changing Account Info Restart from scratch
Pages & Categories Creating pages Creating categories Creating sub-categories Linking categories Creating user-targeted content Limiting to Registered Users Only Upperbar & Bottombar Categories Horizontal Scrolling Pages Google Maps Marker

Videos

Mastering the content editor Pixel perfect design Setup your E-Commerce Store Configure your booking engine Event-System / Drop-In

Popular

App Store Submission Creating Push Notifications Typography Changing template Changing Rules

Business Modules

E-Commerce / Shop Setting Defaults Creating Articles How to Design Product Pages? Making Orders Receiving Orders - Workstations Receiving Orders - Admin Viewing Results & Stats Restrict Countries Enabling Loyalty Points Adding Variations and Modifiers Using Ingredients Enabling Tips Enabling Customer Ratings Setting up Upsell & Cross-sell Setting up Packages Enabling Value Added Taxes Enabling Shipment Costs More Customer Data
Event-System / Drop-In Creating Event Categories Creating Events Adding to Content Making Event Bookings Event Bookings on Workstations Event Overview in Admin
Real-time Chat Setting Up Live Chat
Reservation & Booking System Setting Defaults Creating a Predefined Booking Creating a Flexible Booking Restaurant Booking Apps Hourly Bookings Daily Bookings Making Bookings Receiving Bookings - Workstations Receiving Bookings - Admin Viewing Results & Stats

New

Custom Developer Accounts Introduction / FAQ
Creating an Apple Developer Account Create an Apple-ID Enrollment / Account creation Individual / Sole Proprietor Company / Organization Inviting Zappter to your Apple Developer Account Creating your first app and app identifier Create an Apple Distribution Certificate Creating your provisioning profile Creating an Apple Push Certificate Creating App Store Connect Key
Creating a Google Developer Account Create a Google Account Creating a Google Developer Account Google ID Verification Inviting Zappter to your Google Developer Account Granting API-Access to your Google Developer Account
App Submission Renewing Push-Certificate
Forum Setup your EULA Forum settings Create forum categories Adding a forum widget
CSS Editor Creating CSS Testing the CSS
Loading Indicators Enabling a loading indicator
In-App Purchases Guidelines
Requirements Connect your developer accounts Obtain Google Billing Key Generate & Upload APK / AAB File Accept Apple Paid Apps Agreement
Types of In-App Purchases
Using In-App Purchases Creating In-App Purchases
Using Subscriptions Setup Webhooks Create subscriptions in the Apple App Store Create subscriptions in the Google Play Store
Using In-App Entitlements Locking / Unlocking Content Troubleshoot
QR-Code Rating System Creating a campaign Configure settings
Verified Profile Enable profile verification Custom fields Accepting verification requests
Epson Print Plugin Printer setup Creating a printer Printing / Testing SSL Quirks & Help Troubleshoot / Help
Buy & Consume Create a system to buy and consume Allow users to purchase credit Allowing users to consume Viewing transactions Manually adjust the account balance Enabling "My Balance" page Automatically grant consumables

More Tutorials

Accordion Adding Accordion to Content
Add a sidebar menu Creating a sidebar Customizing the sidebar Restoring default sidebar
Age Clearance Setting Up Age Clearance
App-Banner Setting Up Using App Banner
Apple SignIn Integrating Apple
Article Groups Article Groups Managing Article Groups Using Article Groups Ordering - Mobile
Audio Player Adding to Content Sample on the Mobile Device
Audio Stream Adding Audio Steam to Content
Bexio Integration Obtaining an API-Key
Bottom & Upper Bar Customize bottom bar Customize upper bar
Buy & Consume Create a system to buy and consume Allow users to purchase credit Allowing users to consume Viewing transactions Manually adjust the account balance Enabling "My Balance" page Automatically grant consumables
CRM - Custom Fields Extension Creating Custom Fields Custom Field Example Configuring Custom Fields Using Custom Fields Custom Fields on Sign-up Page
CRM - Email Extension Sending Emails from Profiles
CRM - File Extension Profile Attachments Adding Quick-access in Bottom Bar
CRM - Notes Extension Adding Notes to a Profile
CRM - Tags Extension Tagging Profiles User targeted content
CRM User Groups Creating user groups Creating registration pages
CSS Editor Creating CSS Testing the CSS
Checkable Content Adding checks
Color-Picker Using Color Picker
Colors Setting Color Schemes
Contact Form Customizing Contact Forms Adding Contact Form on Content
Content Groups Creating Content Groups QR Code, Link & Iframe
Cookie Policy Generator Generating Cookie Policy Adding to Sidebar
Countdown Timer Add a countdown
Covid Tracing Plugin Setting Up COVID Tracing
Create intro slides Setting up intro slides Duplicating a slide
Custom Developer Accounts Introduction / FAQ
Creating an Apple Developer Account Create an Apple-ID Enrollment / Account creation Individual / Sole Proprietor Company / Organization Inviting Zappter to your Apple Developer Account Creating your first app and app identifier Create an Apple Distribution Certificate Creating your provisioning profile Creating an Apple Push Certificate Creating App Store Connect Key
Creating a Google Developer Account Create a Google Account Creating a Google Developer Account Google ID Verification Inviting Zappter to your Google Developer Account Granting API-Access to your Google Developer Account
App Submission Renewing Push-Certificate
Custom Form Rule Creating Form Rules Using Form Rules
Custom Payment Rules Creating Payment Rules Using Payment Rules
Custom web-app domain Setting Up Custom Domain Domain Redirects
Datatrans Integrating Datatrans Adding Datatrans Rule
Date Slider Creating Date Slider Adding Date Slider
DeepL Setting Up DeepL
Delivery System Basic configuration Costs on order types
Disable upper distance Setting Up
Document Uploader & Embedder Setting Up Doc. Uploader
E-Commerce / Shop Setting Defaults Creating Articles How to Design Product Pages? Making Orders Receiving Orders - Workstations Receiving Orders - Admin Viewing Results & Stats Restrict Countries Enabling Loyalty Points Adding Variations and Modifiers Using Ingredients Enabling Tips Enabling Customer Ratings Setting up Upsell & Cross-sell Setting up Packages Enabling Value Added Taxes Enabling Shipment Costs More Customer Data
EULA Generator Creating an EULA Display EULA in the app
Embed Video Adding Video to Content
Epic Games OAuth Integrating Epic
Epson Print Plugin Printer setup Creating a printer Printing / Testing SSL Quirks & Help Troubleshoot / Help
Event-System / Drop-In Creating Event Categories Creating Events Adding to Content Making Event Bookings Event Bookings on Workstations Event Overview in Admin
Facebook OAuth Integrating Facebook
Favorites Setting Up Favorites Turning off Favorites
Form Generator: Points Calculator Configuration of the points calculator Adding a form element
Formgenerator Setting Forms Defaults Creating Forms Assigning Forms Inline Forms - App Content Form Buttons - App Content Forms in Mobile
Forum Setup your EULA Forum settings Create forum categories Adding a forum widget
Gallery Album Extension Creating an album Creating a gallery element
Gallery Using Gallery
Gastronomy Toolkit Showing the list
Github OAuth Integrating GitHub
Google Analytics Setting Up Google Analytics
Google Maps Adding Google Maps Using Markers with Categories Maps on Mobiles
Google OAuth Integrating Google
Google Tag Manager Integrating Google Tag Manager
Google Translate - By Zappter Enabling Non-API Translation
Horizontal Scrolling Adding Horizontal Scrolling
Hotjar Integrating Hotjar
Howler Audio Player Adding Howler Audio Player
Hubspot Chat Integrating HubSpot Chat Customizing Chat Widget
IP-Address Limitation Setting Default Messages Adding IP-Limit Rule
Iframe Element Creating Iframe
Image Zoom Enabling Image Zooming
In-App Purchases Guidelines
Requirements Connect your developer accounts Obtain Google Billing Key Generate & Upload APK / AAB File Accept Apple Paid Apps Agreement
Types of In-App Purchases
Using In-App Purchases Creating In-App Purchases
Using Subscriptions Setup Webhooks Create subscriptions in the Apple App Store Create subscriptions in the Google Play Store
Using In-App Entitlements Locking / Unlocking Content Troubleshoot
Ingenious QR-Codes Creating QR-Codes Managing QR-Codes Using Your QR-Code / Link
Ingredient System Creating Ingredients Creating Ingredient Groups Assigning Ingredients Ordering with Ingredients Viewing Results in Stats
Instagram Integrating Instagram Adding Instagram Feed
Legal Disclosure Generator Generating Legal Disclosure Adding to Sidebar
Levitating Shopping Cart Setting Up Levitating Shopping Cart
Link Adding URL Links
Loading Indicators Enabling a loading indicator
Lottie JS Adding Lottie Animation
Loyalty Points Loyalty Points Defaults Overriding Loyalty Earnings Adding Loyalty Rule Tracking Points in Admin Buying with Points Viewing Available Points
Mailchimp Integrating MailChimp Managing Subscriptions Exporting to Mailchimp
Mailerlite Integrating MailerLite
Microsoft Azure OAuth Integrating MS Azure
Mini Golf Game Setting Up Mini Golf Game Adding to Content
Minimum Order Value Enabling Min. Order Value
Modifiers Creating Modifiers Creating Modifier Groups Assigning Modifiers Ordering with Modifiers Viewing Results in Stats
Multilingual App Adding Languages Managing Languages
Multiple Admin Users Creating Admin Users
Non-Tax Attachments Creating Non-tax Attachment Assigning Non-Tax Attachments
Opening Hours Setting Up Opening Hours
Order Export / Fulfillment Tool Creating Order Exports Managing exports
PDF Widget Displaying PDFs on Content
Pages & Categories Creating pages Creating categories Creating sub-categories Linking categories Creating user-targeted content Limiting to Registered Users Only Upperbar & Bottombar Categories Horizontal Scrolling Pages Google Maps Marker
PayPal Integrating PayPal Adding PayPal Rule
Paymob Integrating Paymob Adding Paymob Rule
Payrexx Integrating Payrexx Adding Payrexx Rule
Permission Groups Permission Groups Creating Admin-Users Linking Permission Groups to Users
Picture Marker Using Picture Marker
Picture collection game Setting Up Adding to Content
Picture Adding Images Working with Image Gallery Enhance, Resize, Crop Images
Places Setting Defaults Creating Places Managing QR Codes Creating Events Adding Places Rule Troubleshooting Maximize Your Benefits
Privacy Policy Generator Generating Policy Text Adding to Sidebar
Promotions & Discounts Creating Promotions Promotion on Devices
Publishing your app App Store Submission App Icon App Store Description Keywords Screenshots Startscreen Google Feature Graphic Apple Guidelines All Set, Submit
Push-Notifications Setting Defaults Creating Push Notifications Enabling Push in Content Enabling Push in Slides Enable Push at App Start Checking Push Status
QR-Code Rating System Creating a campaign Configure settings
QR-Code Scanner Setting Up QR Code Scanner
RSS Feed Setting Up RSS Feeds RSS from WordPress Sites
Rating System Setting Up Rating
Real-time Chat Setting Up Live Chat
Receipts Customizing Receipts
Recommendations Setting Up Recommendations Recommendation on Mobile
Request System Creating Requests Making Requests Receiving Requests - Workstations Receiving Requests - Admin Viewing Results & Statistics
Reservation & Booking System Setting Defaults Creating a Predefined Booking Creating a Flexible Booking Restaurant Booking Apps Hourly Bookings Daily Bookings Making Bookings Receiving Bookings - Workstations Receiving Bookings - Admin Viewing Results & Stats
Rounded Buttons Using Rounded Buttons
SMS-Authentication Setting Up SMS Authentication
SMTP Mailer Setting Up SMTP Mailer
Scavenger Hunt Setting Up Adding to Content
Search Bar Adding Search Bar
Sendgrid Integrating SendGrid
Service Stations Setting Up Service Stations Creating Service Stations
Shipment costs Basic configuration Shipping rules Setting item weights Shipment tracking
Shopify Connector Using Shopify Connector
Shortcuts Creating, Editing Shortcuts
Sidebar Elements Adding Sidebar Elements
Simple Inventory Setting Up Simple Inventory Tracking Inventory
Slider Setting Up Sliders
Spotify Widget Adding Spotify Widget
Stamp-System Setting Up Stamp Defaults Adding Stamp Rule Allow 'Full Price' with Stamps Adding Stamps - Workstations
Stores Creating New Stores Creating Store Content Multistore Advanced Tasks
Stripe Integrating Stripe Adding Stripe Rule
Surcharges Setting up Surcharges
Tags & Filters Creating tags Assign tags to elements Add filters & dropdowns
Tawk Chat Integrating Twak Chat
Terms & Conditions Creating Terms & Conditions Adding to Sidebar
Text in Picture Adding Text in Picture
Text Adding Text to Content
Tip & Gratuity Setting Up Tips
Title Adding Title to Content
Transfer Orders Day-end Transfers to POS
Twilio SMS Gateway Integrating Twilio SMS
Twint by Payrexx Integrating TWINT Adding TWINT Rule
Twitch OAuth Integrating Twitch
Twitch Widget Adding Twitch Widget
VIP Payment Rule Setting Up VIP Pay Rule Adding VIP Pay Rule
VK OAuth Integrating VK
Value added taxes Defining Taxes Adding Taxes VAT Reporting
Variations Variations Default Creating Variations Assigning Variations
Vbout Integrating Vbout Using Vbout
Verified Profile Enable profile verification Custom fields Accepting verification requests
Video Bulk Uploader Uploading videos
Video Adding a Video
Voucher System Voucher Defaults Creating Vouchers Distributing & Managing Vouchers Using Vouchers
Wallee Integrating Wallee Adding Wallee Rule
Whitelabel E-Mail Setting Up Whitelabel Email
WooCommerce Connector Using WooCommerce Connector
Workstations Understanding Workstations Mail Groups & Accounts
YesStreaming Player Adding YesStreaming to Content
Youtube Channel Adding YT Channel to Content
Youtube Playlist Add YT Playlist to Content
ZIP-Code Limitation Setting Up Zip Code Limitations Adding Zip Code Rule
Zappter CRM - My Customers Managing CRM Profiles Other CRM Plugins
ePUB: E-Book Reader Setting Up ePub: E-Book Reader
Documentation

Working with Image Gallery

Documentation Picture Working with Image Gallery

About picture gallery

Picture gallery maintains the storage of your images. Every time you add an image to your app content from your computer, it is saved within the picture gallery to simplify reusing the image at a later time. The picture gallery has these sections:

  • Upload: Use this option when you need to upload an image from your computer to your app content.
  • Galleries (all pictures you upload are saved as mentioned under the 'Folder' option below, they also appear under the relevant gallery option listed below for easy finding):
    • Profile pictures: All pictures added as profile pictures are stored under this folder
    • Videos: All videos
    • Documents: Any document uploads
    • Splashscreens: Images uploaded for intro slides are saved here
    • Custom sizes: Any image that needs to be uploaded in custom sizes are stored in this folder
    • Two columns: Any two-column pictures store for the Picture Gallery plugin
    • Showcases: Any images uploaded for the E-Commerce showcase feature are stored here
  • Explore: You can pick your free images from sites, Unsplash & Pexel
  • Folder: Any custom folders created are displayed here and the images in them. 'All' and 'My Pictures' are default folders. Whenever you upload an image, it goes into the 'My Pictures' folder unless you specify a different folder when uploading.

Uploading images

1. Admin > Customize > Content. Click to edit your app. 
image.png 176.8 KB
2. In the app customization, expand the group, Media. Click on the 'Picture.' 
image.png 497.95 KB
3. Click on the Gallery button. 
image.png 522.35 KB
  • Link: Optionally, enter a URL that opens whenever a user clicks on the image you're going to choose here. Leave it empty for no reactions.
4. Setting up picture with Upload option.
image.png 1.45 MB
5. Click on upload icon and select an image from your computer. 
image.png 602.65 KB
 6. Click on 'Create' to confirm image selection and complete creating the picture. 
image.png 1.14 MB
When you complete, the image gets saved on your gallery so that you can use the image elsewhere without picking from your computer. 
  • Title: Give image a better title to search within your gallery to make it easier for searching the same image within your gallery next time
  • Folder: 'My Picture' is the default folder in your gallery and the images get saved in there by default. You can also click on the '+' sign to create your custom folders and save the images there. 
7. 'Put online' to publish your gallery so that it will appear on your users' devices. The button's caption changes from 'Put online' to 'Published'  once the changes have been applied successfully. 
image.png 170.93 KB

Searching images

1. After following the usual steps to get below point, click on the 'Gallery' button. 
image.png 522.35 KB
  • Link: Optionally, enter a URL that opens whenever a user clicks on the image you're going to choose here. Leave it empty for no reactions.
2. Enter your search terms.
image.png 563.6 KB
  • All images are displayed after filtering based on the 'title' you have given when saving into the folder in gallery. 
3. Select an image from the 'Gallery' option and click on 'Choose' to confirm your selection. And proceed with other usual steps.
image.png 1.83 MB

Picking images from Unsplash / Pexels

1. After following the usual steps to get below point, click on the 'Gallery' button. 
image.png 522.35 KB
  • Link: Optionally, enter a URL that opens whenever a user clicks on the image you're going to choose here. Leave it empty for no reactions.
2. Move onto 'Explore' and select Unsplash/Pexels
The Unsplash and Pexels under 'Explore' option has the same steps when creating picture. 
image.png 1.27 MB
3. Select an image from the 'Explore' option.
  • Enter your search term in the search box and all images are displayed based on the 'search term' you have given
image.png 1.09 MB


  • Select an image and click on 'Copy' to continue
image.png 792.94 KB


  • The picture is copied and the user can proceed with the picture by clicking on 'Continue'
image.png 792.9 KB
4. The selected image appears. Click on 'Create' to complete your selection.
image.png 879.5 KB
When you complete, the image gets saved on your gallery so that you can use the image elsewhere without picking from your computer. 
Previous Step
Adding Images Adding Images Next Step
Enhance, Resize, Crop Images Enhance, Resize, Crop Images
Matching Plugins
Picture