Customizable Grids

Modified on Mon, 29 Jul at 11:44 PM

Elevate your page's design and functionality with the exciting enhancements to Criya's Grid feature! We're committed to providing you with the tools to build professional and impactful websites in record time.


Previously, Criya's Grids offered a streamlined solution for organizing diverse content.  Now, we're thrilled to introduce unprecedented customization options, empowering you to:


Express Your Brand Identity:


  • Extensive Icon Library: Integrate high-quality icons from our vast library or upload your custom icons to create visually engaging grids that align with your brand aesthetic.




  • Text Impact: Add impactful text content within each grid cell, perfect for highlighting key information, or product features.



  • Image Customization: Elevate your website with captivating images, showcasing your products, services, or team in a professional and visually appealing manner.



  • Video Integration: Bring your website to life with dynamic videos, perfect for showcasing tutorials, product demos, or customer testimonials, adding another dimension to your content strategy.



Optimize for User Experience and Engagement:


Beyond aesthetics, Criya's customizable Grids empower you to strategically structure your website for optimal user experience and engagement.


  • Showcase with Clarity: Display your products, services, testimonials, team members, or any other content in a visually appealing and organized manner, ensuring clarity and ease of navigation for your visitors.


  • Streamlined User Flow: Guide your visitors through your website by strategically structuring sections with grids, creating a clear and intuitive user flow that enhances the overall experience.


  • Boost Engagement and Conversions: Leverage the power of visual storytelling and clear CTAs within your grids to captivate your audience, drive desired actions, and ultimately achieve your business objectives.


Ready to unlock the full potential of Criya's Grids and create a website that truly resonates with your audience?  We've crafted a comprehensive user guide to help you navigate the customization options and optimize your website for maximum impact.


Criya Grids: Your Guide to Customization


  •  Accessing the Grid Feature:


Within the Criya editor, navigate to the section where you want to add a grid. Click the "Add Section" button and select "Grid + image/video" from the available options in Generic Sections.





  • Customizing Your Grid:


Click on the edit button to customize the section. You can customize each card and add more cards to the grid as necessary.




  • Customizing and Adding Content to Your Grid:

Select the edit icon beside the cards and start personalizing based on your professional needs.


  • Images: Click the "Image" option and upload an image from your device or add from Upsplash. Criya allows for easy image resizing and positioning within the grid cell for optimal presentation.



  • Videos: Click the "Video" option and paste the embed link for your video. Criya ensures seamless integration of video content within your grids by adding the thumbnail for your video automatically.




  • Icons: Click on the Icon option and select an icon from the Criya icon library that fits your professional needs.




  • Text: To only have text simply click on the delete icon at the top right corner of the image/icon/video. Ensure your text is professional, aligns with your brand voice, and is easily readable.





Grid Optimization Tips:


Content Consistency: For a visually cohesive and professional website, strive to maintain a consistent balance and style of content within each grid cell. Consider using similar text lengths, image sizes, or icon styles throughout the grid for a clean and balanced aesthetic.





Call to Action Integration: Leverage the power of clear and compelling CTAs within your grid cells. Whether it's "Shop Now," "Learn More," or "Contact Us," use concise and actionable language that entices users to take the next step and achieve your business goals.



Mobile Responsiveness: Preview your website across different devices (desktop, tablet, mobile) to ensure your stunning grid layouts adapt seamlessly and display perfectly for all your visitors, regardless of their device.



Embrace the power of Criya's customizable Grids and unlock a world of creative possibilities! 


Customize your website in a way that reflects your unique brand identity, optimizes user experience, and drives results.  With Criya, building a website that truly stands out and captivates your audience has never been easier.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article