How to highlight featured cards
Articles on: Advanced
Here on SpreadSimple you can bind arbitrary CSS classes to a specific row of an element and set custom styles for them. For example, you can highlight certain classes by using the built-in
sv-is-highlighted
class name to highlight the featured element.
To do this, you don't need to set up additional column mapping, just add a column in your Google Sheets and name it
.class
(with a dot at the beginning). Then add sv-is-highliPopularHow to run custom JavaScript when app is ready?
Articles on: Advanced
How to run custom JavaScript when the website is ready?
Sometimes you need to run some JavaScript code after the website is fully rendered and all elements are ready for interaction.
If you run the code too early (before the web app is fetched all the data and complete rendering) most likely some elements will be missing or lack data.
That's why there is a special event
ssViewerRendered
A working eFew readersExternal Checkout Action (ECA) Add-on
Articles on: Advanced
This add-on allows you to send order form data to an external resource.
This way you can cover the following scenarios after purchase:
redirect the user to any 'Thank you' page
as the next step after shopping cart confirmation, direct the user to the custom form and optionally populate the fields of this form with data from the order
implement an arbitrary checkout process using your own script for payment, delivery, boFew readersMermaid Syntаx
Articles on: Advanced
SpreadSimple Content pages now support Mermaid Syntax which allows you to create diagrams and various visualizations.
To use Mermaid Syntax:
Go to your Pages & links Tab and select the page where you want to add your diagram/visualization.
In the text editor, click on Add code block button.
(https://storage.crisp.chat/users/helpdesk/website/9b2ec4ee4a325800/6f5f3a77-6d30-Few readersHow to pass a password via URL param
Articles on: Advanced
If you are using site-wide password protection, you can share your password using query
pwd
in the website URL.
This is how your URLs will look like:
Site URL without param:
https://secret-website.spread.name/
Site URL with param:
https://secret-website.spread.name/?pwd=hello
This way you can give the access to your websiteFew readersHow to set up redirects
Articles on: Advanced
The Redirects feature allows you to set up redirection by path for your custom domain.
For example, if you have already indexed your website and then decided to move your website to SpreadSimple, you can use redirects feature to set up redirection from your old page that was already indexed to your new page like this:
example.com/page-1/
to
example.com/page-1
Or set a redirection from one page to another one:
examplFew readers