Visit Main Site
Join Partner Program
Login
     
Getting Started with Template
Building a Website
Starting Template Creation
Layout
Creating Your Layout
Editing The Content Section
Creating & Editing Docker
Positioning
Pages
Create a Page
Page Content Editor
More Features
Widgets
Files & Assets
Designing With Custom CSS
Development With Custom JS
How to Add Fonts
How to Add Images
Navigation
How to Create?
How to Modify Existing Navigation?
How to Set a Navigation?
Snippet
Adding Snippet Template
Add Code to Snippet Template
Data Attribute
Skip-control
Create Snippet
Using Snippets on Page
Responsive Design
Crafting Responsive Content
Crafting a Responsive Header
Hide Grid for Specific Resolutions
Import & Export Guide
Marketplace Template Management
Demo Template
Logo & Favicon
» Create Snippet

Create Snippet

This section outlines the process of seamlessly integrating and customising snippets within your web content through WebCommander’s platform. These steps provide a structured approach to efficiently create and tailor snippets to your specific needs.

Begin by navigating to the ‘Content’ section. This section is conveniently located under the ‘Web Content’ menu option.

On the left panel, select the new snippet creation. This action triggers the appearance of a pop-up interface.

Within the pop-up, you’ll encounter an array of templates at your disposal. Utilise the search bar for swift access to your desired template. Alternatively, explore categorised filters to align with your specific requirements.

Upon identifying your desired template, proceed to insert it into your content. Depending on your code editor, you’ll encounter either a “Use Snippet” or “Insert Snippet” button. Engage this button, seamlessly incorporating your chosen template into your coding environment.

Personalise your snippet with a suitable name and description, reflective of its purpose. Once satisfied with your labelling, save your progress by selecting the ‘Save’ option.

Following your save action, the system will automatically transition you to the snippet editing interface. Here, customisation opportunities await.

Embrace the potential for visual refinement. Adjust text elements, text colours, font sizes, alignments, margins, and padding to match your vision. Navigate these customisations seamlessly through the visual editor situated in the left panel.

When your customisation is complete, finalise your efforts by clicking the “Save” button.

Upon successful customisation, a confirmation dialogue will appear, reaffirming the successful preservation of your snippet.

Terms and Conditions
Privacy Policy

© 2024 WebCommander | All Rights Reserved

contact@webcommander.com
1300 797 571

WebCommander
About Us
Features
Pricing
Compare
Partners
Contact Us
Resource
Find a Partner
Help Centre
Community
Blog
Solutions
Inventory Management
Omnichannel Sales
Ecommerce Automation
B2B Ecommerce
Headless Commerce
Website Design and Performance