Home > Shopify Development > Gain the most performance from your Jekyll site

How to gain the most performance from your Jekyll site in Shopify

Sam Updated: February 19, 2024

Drive 20-40% of your revenue with Avada

Get Started

Are you looking for a productive search platform working on your Jekyll site? Then here we introduce to you Algolia, an advanced search platform which could build, personalize and optimize search and also find out experiences for your users. Algolia Search is able to support multiple platforms and devices with its performant APIs and easy-to-use documentation. More than five thousand businesses are employing this tool to power their search already.

For your information, you can use Algolia for free in case your site has not over 10,000 searches per month.

However, if you are wondering how to gain the most performance from your Jekyll site, this instructional writing will be a great help for your site.

How to gain the most performance from your Jekyll site

Setup
Usage

Setup

Step 1: Register to Algolia

Please sign up for an account on Algolia

Step 2: Carefully read the introduction tutorial.

Please pay your attention to the tutorial because it could raise your awareness of how to tune your search later.

Step 3: Create a new index for your Jekyll site

Step 4: Go to API Keys to take note of your Admin API Key and Application ID

Step 5: In your Gemfile, add `algoliasearch-jekyll` to the `jekyll_plugins` group:

 source 'https://rubygems.org'

 gem 'jekyll', '3.3.1'

 group :jekyll_plugins do
   gem 'algoliasearch-jekyll'
 end

Step 6: Let `bundle install` run

Step 7: Add your index name and Algolia Application ID to `_config.yml`:

 algolia:
  application_id: 'your_application_id'
  index_name: 'your_index_name'

Step 8: Set the write key in a file called `_algolia_api_key` or as an environment variable `ALGOLIA_API_KEY`

In case you use the file method, please ensure that it is not checked into a public repository because everyone could add their content to your search. You can prefix the command if you choose the environment method.

For instance:

 ALGOLIA_API_KEY='YOUR KEY' bundle exec jekyll algolia push

Usage

You are able to use the push command to generate an index and push it to Alogolia.

bundle exec jekyll algolia push

You can use the JavaScript library to perform searches once the data is on Alogolia.

Conclusion

We hope that this tutorial did help you find out the way to run the best out of your business!

Catalog

How to modify the shipping calculator HTML How to add the gift-wrapping snippet in your cart template How to modify your theme.liquid file How to insert some JavaScript to your theme Delete the author's name in your theme Generate a currencies snippet Insert the search box on your Jekyll site using lunr.js How to hide sold out variants for nonsectioned themes Liquid Variables: assign, capture, increment, increment Liquid paginate: Split into multiple pages Update the product form to support dynamic checkout buttons Select which page to show when customers log in to your online store Modify the code for your payment icons Insert the security badge code to your theme Insert Disqus to your blog Insert breadcrumb navigation to your store Get consent for promotional emails during customer registration Generate your snippet generate the How did you hear about us form field Generate and include an age-check snippet Generate a back-to-the-top snippet Edit correct quantities on the cart page silently Apply a class to your templates Update item quantity fields in the cart Update the collection-template.liquid file Modify the theme code to add the shipping calculator Insert the notification form code to your theme Insert custom fields to your theme's customer registration form Add Custom Fields to Contact Form in Shopify Insert a form field to your theme code

Sam Nguyen

Sam Nguyen is the CEO and founder of Avada Commerce, an e-commerce solution provider headquartered in Singapore. He is an expert on the Shopify e-commerce platform for online stores and retail point-of-sale systems. Sam loves talking about e-commerce and he aims to help over a million online businesses grow and thrive.