Question 1

Mapping your Sheet data to website elements

Accepted Answer

What is a card and how to manage it?

Q: How to use Webhooks for automation

<h2 id="webhooks"># Webhooks</h2> <p>SpreadSimple has a new feature - <strong>Webhooks</strong>, that can be found in <code>Checkout Tab</code>. </p> <h3 id="whatisawebhook">What is a webhook?</h3> <p>Put simply, as soon as something happens, the webhook immediately notifies other applications transferring the data about the event. Just like SMS that you get from your bank whenever there is some activity in your bank account. So basically webhooks provide automatic real-time communication between apps and it's all done quickly and almost effortlessly. </p> <p><img src="https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/ss-webhooks_bspbg1.gif" alt="" /></p> <h3 id="whatdoineedwebhooksfor">What do I need webhooks for?</h3> <p>Using webhooks can be a great way to automate your business processes like order collection that results in saving lots of time and effort. All you need to do is integrate them with other tools you want to use. </p> <h3 id="howdoisetthewebhooksup">How do I set the webhooks up?</h3> <p>To use webhooks you will need an intermediate automation service like Integromat, Zapier, etc. To use webhooks you will need an intermediate automation service like Integromat, Zapier, etc. There you need to add the tool you want to connect with your SpreadSimple website and then create your custom webhook URL. This URL should be pasted into Webhooks URL Field in your <code>Checkout Tab</code> on SpreadSimple. </p> <p><img src="https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/manage-or-spreadsimple-2020-08_1x99uol.png" alt="Setting up the Webhook URL" /></p> <p>After all the changes have been saved, make sure to have a test run to see that yo</p>

What is a card?

Basically, a card is a core element of your content. Each card represents one item of your listing whatever website template you are using.

A card consists of the following elements:

Title
Subtitle
Price
Text
Image (or Images)
Specification
Call-to-Action Button (or Action Button)

These are basic but you don't have to use all of them - just pick the ones you find necessary. That could be easily done on your Content Tab on the left.

If you don't need a certain piece of information to be shown just leave the corresponding field on your Content Tab empty. That will be applied to all the cards.

You may arrange information on your card the way you prefer to. Just choose a necessary column for the element you want it to be. E.g., ${color}#0433ff column information can be mapped to Subtitle, Text or Specification fields.

All the columns chosen for Specification will be displaye

Question 2

Adding images

Accepted Answer

# How to configure images

First, ensure you have an image column (or multiple columns) on your Google Sheet, and proper column mapping in the SpreadSimple.

You can have one or multiple image columns You can configure image column mapping on the Content tab

To display images on your website, SpreadSimple needs a link to an image file hosted online. E.g: https://images.unsplash.com/photo-1536500152107-01ab1422f932 or https://i.imgur.com/0JSkR76.jpg

The links to images should be put as text to the corresponding cells under the image column in your Google Sheet.

Where do I get image links?

You should either upload images to a hosting service or use a link to an existing image.

Let's review several services that help to upload and host images.

||| Please, respect the terms of use of third-party services you use for image hosting

Imgur

Imgur is the most popular image hosting service on the web.

Go to https://imgur.com/upload and upload your image
Right-click on the uploaded image and click "Copy Image Address"

Imgur + Image Uploader Chrome extension

A much simpler way is to use Image Uploader Chrome extension

![It takes a few seconds to get an image link](http

Question 3

How to use Webhooks for automation

Accepted Answer

# Webhooks

SpreadSimple has a new feature - Webhooks, that can be found in Checkout Tab.

What is a webhook?

Put simply, as soon as something happens, the webhook immediately notifies other applications transferring the data about the event. Just like SMS that you get from your bank whenever there is some activity in your bank account. So basically webhooks provide automatic real-time communication between apps and it's all done quickly and almost effortlessly.

What do I need webhooks for?

Using webhooks can be a great way to automate your business processes like order collection that results in saving lots of time and effort. All you need to do is integrate them with other tools you want to use.

How do I set the webhooks up?

To use webhooks you will need an intermediate automation service like Integromat, Zapier, etc. To use webhooks you will need an intermediate automation service like Integromat, Zapier, etc. There you need to add the tool you want to connect with your SpreadSimple website and then create your custom webhook URL. This URL should be pasted into Webhooks URL Field in your Checkout Tab on SpreadSimple.

Setting up the Webhook URL

After all the changes have been saved, make sure to have a test run to see that yo

Question 4

Embedding SpreadSimple as a widget into other platforms

Accepted Answer

Embedding as a widget

In your Setting Tab, you can see a widget code that you will need to use to embed your website as a widget.

Just copy this code and paste to the required CMS

| Remove the intro section and the footer of your SpreadSimple website to have a better-looking result

Below we are going to cover the steps on how to embed your widget on different platforms:

Carrd Google Sites Shopify Squarespace Webflow Weebly Wix WordPress

Other Website technologies

Carrd

In your Carrd Dashboard open your website in the editing mode. Click Add icon to add a new element to the page and select Embed

Paste your widget code to the Code field and click Done.

3. Adjust the widget on the page and save the changes.

Google Sites

Log in to your Google account and go to Google Sites. Then select the website where you'd like to install the widget:

On the Editor panel click on Embed button, paste the widget code and click

Question 5

How to use filters

Accepted Answer

# Filters

This feature allows your users to easily filter the list of items by one or several criteria, e.g, Category, Size, Type, Availability etc.

How to enable filters

Go to the Content tab
Check Enable filters
Select filterable columns

How to enable filters

For each selected column a filter dropdown will appear on the website. A column name will become the filter name, and the distinct values of that column will become the filter values.

|| Pro tip: In your Google Sheet use comma-separated values if you want an item (row) to fit multiple values for a filterable column. E.g. Red, Green

Question 6

How to redeem a Promo Code

Accepted Answer

How to redeem a Promo Code

A Promo Code (Coupon) gives you a discount for PRO plan subscription.

What's included in PRO plan 💪

All free features
Use your custom domain
Visible for search engines
Add custom scripts (3rd party: chats, forms, popups, etc.)
Add analytics
Shopping Cart
PayPal checkout
Collect orders via e-mail
Remove SpreadSimple branding
SEO settings
Embed as a widget to any website
Details pages
Embed external sources as popups
Webhooks
So much more is coming…

How to redeem ✅

Step 1. Get signed in

Just visit https://app.spreadsimple.com and click 'Continue with Google'

Step 2. Select your billing plan

In your Dashboard, go to the Billing Settings. If you haven't started your trial, click on Start your trial button.

Then click on Subscribe to Pro.

Select between Monthly or Yearly and click on Upgrade to Pro:

Step 3. Submit the promo code (coupon) during the checkout

You'll see the

Frequently Read Articles

Browse All Categories