On this page:

The add-on introduces a visually appealing page displaying photos of vehicles upgraded with parts from your X-Cart Automotive store. Clicking on a photo takes customers to a detailed page with more images of the same vehicle, car model details, and links to the the tires, rims, body parts, performance upgrades, and other modifications used. With a single tap, visitors can add these items to their cart and imagine how they could transform their own cars!

A customer gallery is more than just a collection of photos – it's a tool that helps you sell more products by increasing website visibility, building trust and creating marketing opportunities.

Visibility 👀. When you add images to your customer gallery, they will show up in Google search results. If the images are eye-catching, they can help bring more visitors to your website.

Trust 👍🏻. Using real-life images in your customer gallery, as opposed to stock photos, helps build buyer confidence in your automotive products by showing how they look on actual vehicles. It's also a great way to show off the possibilities and inspire customers to personalize their cars.

Marketing 📢. You can use these images for social media promotions as a way to prove that people actually use and enjoy your product. Doing that creates a positive image for your business.

You can get photos 📸 for your customer gallery in several ways:

Customize the Gallery content by adding, editing, reordering, hiding, or deleting gallery cards. Additionally, you can optimize the page's visibility in search results by adjusting the SEO configuration settings ⚙️ found under the Settings tab.

To create a new gallery card, navigate to the Catalog › Customer Gallery menu item in your Admin area. Then click the 'New Card' button to open the card editor page.

You will then have two tabs within it: Info and Featured products.

In this section, you are required to:

💾 Click 'Create Card' (or 'Save Changes' for existing card) to apply the changes.

Here you can link products that were installed on the vehicle from photos. Start by clicking 'Add Products' button.

You'll then see a popup window with a list of items from your store. Use the search box and category selector 1️⃣ to find the parts you need. Simply tick the checkboxes 2️⃣ next to the items you want, and then click the 'Add Products' button 3️⃣.

After you've selected the products you want, you can rearrange them using the Drag-and-Drop feature. Just click on the 'move cursor' 🖐🏻 icon to the left of the product, hold the mouse button down, and drag the item to a new location before releasing the button.

Remember, this is the order in which the items will be presented on the Gallery Card page. You can also delete a product added by mistake using the 'delete cross' ❌ icon to the far-right.

Click 'Save changes' 💾 and then see how the gallery card will look by clicking on 'Preview page'.

To modify an existing 'Gallery Card', navigate to the Catalog › Customer Gallery menu in your Admin area. Then click on the title 1️⃣ of a Card you wish to edit.

To change the order of cards on the 'Customer Gallery' page, click and hold the 'move cursor' icon to the left of the card 2️⃣. Then, drag the item to your preferred spot and release the mouse button.

Enable or disable the visibility of created cards in the gallery by clicking on the status switcher 3️⃣ in the third column of the Gallery card table.

Use the 'delete cross' icon to the far right of each card to remove cards one by one 4️⃣.

After any modification you make, remember to click 'Save Changes' to retain the progress 💾.

The Customer Gallery features a dedicated tab for SEO configuration. Access it by navigating to Catalog › Customer Gallery and clicking on the Settings tab.

The available options are similar to those found in the marketing section of each individual gallery card and include:

Check out 👉🏻 next section to learn how to make the most of these settings.

💾 Click 'Save Changes' when your are done.

Let's explore how to optimize Page Titles, Meta Keywords, Descriptions, and URLs of your gallery cards for better SEO. These tips are just recommendations. Feel free to experiment and find what works best for you.

The title of your customer gallery (or individual card) is important, as it's the first thing people see in search results. To improve your gallery's visibility and attract more clicks, ensure the title is short, interesting, and clear.

Short ✂️. Try to keep the title concise (50-60 characters), so it is displayed in full in search results without truncation (...). A shorter title is also easier to read and digest.

Interesting 🌟. Consider why visitors would be interested in your gallery and include mix of broad and specific corresponding keywords (5-7 max). These could include phrases like "customer car photos", "Real Photos of [Brand/Model]", product names, or regional keywords if your customer base is local.

Clear 👀. Place the most important words at the beginning. It will make your Gallery or Card appear higher in search results when people look for content related to yours.

Meta descriptions are short summaries of your entire gallery or a specific card content that show up in search results beneath the title. Make sure each meta description is unique, accurately describes the page, and includes relevant keywords like car makes, models, or part names. Also, mention what makes your products special and include a clear message like "Shop Now." Keep these descriptions short, under 160 characters.

Meta keywords are less crucial for rankings but can guide customers to your page. Use relevant keywords and their synonyms without excessive repetition. Keep them under 200 characters.

This is a simple and easy-to-read web address. You can set it manually or automatically by clicking 'Auto-generate Clean URL'.

If you choose to set it manually, follow these recommendations:

Proper URLs can boost a page's relevance and click-through rates, which helps search engines rank them higher. It also makes them easy to read and share.

People who come to your website, can interact with the Customer Gallery in two ways: either by browsing entire collection of images via a dedicated page, or though a gallery section on a product page, which displays only the cards linked to a specific product. Clicking on any card opens a corresponding gallery card page, showcasing more photos of the car and the products used on it. Here's how it works 👇🏻.

Visitors can access a complete image gallery by clicking the hamburger menu button (it looks like three lines) in the top left corner and choosing 'Customer Gallery' (or the label you chose to rename it).

The gallery displays cards in groups of 12 per page, with each card featuring a picture and a card name.

To find specific images, customers can use the "Vehicle" section to filter by Make, Model, Year, and Submodel. Alternatively, they can use the "Brand" section to select images featuring products from desired manufacturers. Clicking 'Apply filter' will show the filtered results .

🔄 To reset the filters and see all images, customers can click 'Reset filters'.

Clicking on a card reveals a page with a high resolutions images of the vehicle, car information, description, and a list of featured products. Customers can navigate 1️⃣ between vehicle images, or gallery cards by clicking 'Next gallery' 2️⃣.

Featured Products 🛒. Below the navigation bar and description, visitors will find a section filled with multiple product cards linked to the selected gallery. They can either click 'Add to Cart' under each product for a quick purchase or tap on any item to view a detailed product page.

The Customer Gallery tab 1️⃣ on the product details page allows visitors to see gallery cards that are related to the product they're viewing. This tab will only be visible if the product is included in at least one gallery. Clicking on any image 2️⃣ in this section opens a corresponding Gallery Card page.