• Connecting a domain you own

    1. Send Us an Email saying you would like to connect a domain that you have or tell us to purchase for you. (Price: ₹ 999/ Per Year)2. Login to your domain provider(eg Godaddy, Bluehost, etc).3. Find DNS Setting and copy the following code. Here's the A record that you need to copy: Save the changes and let your records pass the propagation period. And you are done!5. It may take up to 24-48 hours for the records to propagate worldwide. This is a standard process applicable to all domains. During this time, the connection may not be stable, or the site may not be available on all devices.Important: this feature is available for Pro sites only.

  • Changing the layout of your block

    1. Firstly, you need to access the setting of the block. For that, hover over the block and click on the "gear" in the top right corner.2. Navigate to the Layout tab of the settings. There you can stretch your block to full height or adjust its top and bottom paddings. 3. If you want to enrich the look of your block, you can add additional elements to it — for example, lists, dividers, images, buttons, etc. Besides, you can manage the existing elements in your block — moving them within the block, duplicate or delete each of them. For more detailed information, check the article Managing elements.
    4. As every ready-made block on our platform contains a set of certain elements, they usually are gathered in columns for easier editing. If you hover over the particular element, you can access the settings of the column by clicking on the "gear" at the top right corner. Once you've accessed the settings of the column, you can adjust the alignment of the elements in it, change the gaps between columns in the block and many more. Make sure to check the article Managing elements to see how you can add and manage the columns in the block.
    5. Some blocks on our platform can consist the collection items — a set of elements assembled in one place, which are regulated by the same settings and are interdependent on each other. For more detailed information on how you can edit or manage your collection items in the block, see the article Collection items settings.
    Important: if you have different elements of the block listed in the Layout tab, or you don't have a possibility to add new elements to the block, it means that you are using an outdated version of the block. You can still proceed with using it on your site. However, we highly recommend to change it to the new one to avoid unexpected issues with display or functionality.

  • Adding elements

    To add an element, hover over the block and click on the "plus" sign where you'd like to place it. Note: some of the blocks may not have a possibility to add the elements. In this case, we recommend you to choose another type of block in our gallery.2. Choose the needed element from the pop-up menu. Here you can see a full list of elements you can add:● text;● heading;● button/ two buttons,● image;● video;● gallery;● before/ after gallery;● image + card;● image hover;● icon;● image mask;● devices mockup;● numbers;● logo;● accordion;● countdown;● text rotator;● small icons list;● additional info;● contacts/ horizontal contacts;● embed code;● quote;● map;● apps buttons;● pricing list;● testimonials;● icons list;● icons list + description;● divider;● menu;● contact/ lead generation form;● social icons;● follow us.

  • Adding a new item in the collection

    Most blocks in the gallery have 3-5 items in the collection by default. If you want to expand the added collection in the block, add a new item to it.
    1. For that, hover over the existing item in the collection and click Item in the bottom right corner.
    Note: the new item will be added with the same content next to the existing one.
    2. You can duplicate or delete the items by clicking on the three dots in the top right corner.
    3. Drag the item to a desired position by clicking on the direction arrows icon in the top right corner of it.Important: you can move items of the collection only within a particular block they are added to.

  • Changing the color for a specific text element

    You can change the color for a specific part of your text to highlight some key points, headings, etc.
    1. For that, select the needed text and click on Text color in a pop-up menu.
    2. Choose one of the colors offered or click on the Custom color to pick a color from a palette.

  • Setting email for the contact form notifications

    Step 1. Setting email in the global settings1. Firstly, open the Form management tab in the Settings of your site and navigate to Integrations. 2. Hover over to the Email tab, click on Add email and enter all the emails where you'd like to receive the requests from the contact form. Step 2. Setting email in the contact form settings1. Open the site's editor, hover over to the needed contact form on your site and click on the "gear". 2. Open the Form settings and go to the Integration tab. 3. Toggle on the Email in the connected services. 4. If you have added several email addresses in the global settings, you can also choose which ones the requests will be sent to in the drop-down. 5. Publish the site for the changes to appear live.
    Important: turn on the email integrations in all the new contact forms you add to the site. You will see a notification on the contact forms with the integration turned off:

  • Editing images

    If the image has been added as a standalone element or as a part of the gallery, click on it and open the Image settings with the "gear".
    Possible customization options
    1. Adding a color overlay to the image can significantly improve its readability. 
    2. Adding a filter can make a drastic difference to your image by changing its brightness, sharpness, saturation, or opacity. 3. Changing the position settings allows you to decide how the image can be fit in the placeholder. 4. Changing the style of the image enables or disables rounded corners. Note: this feature only works if the position of the image set to Cover.
    Changing image display1. You can stretch the image by dragging the handle at the bottom of the image itself. 2. You can also set the zone to display with the help of the "loop". 3. Change the display by dragging the image itself while holding down the right mouse button. 
    Don't forget to publish your site for the changes to appear live.

  • Parallax effect settings

    Parallax Effect in web design creates a 3D scrolling effect as the user scrolls down the page.

    If you want to surprise your site visitors with an eye-catcher, follow the instructions below.

    1. Navigate to the Block settings in top right corner of a block. 2. A window with four tabs will appear. Select Background tab and go to Image option. Note: Parallax Effect can be applied only to the background of the block.3. Add an image by clicking Upload or choosing the existing one from Gallery. 4. After adding the image, scroll down the window and toggle on the option of Scroll Effects. Choose Parallax. 5. Publish your website to see the Parallax Effect on the live site.

  • Adding a gallery

    1. Choose where you'd like to place the gallery and click on the "plus" icon. 2. Select Gallery. 3. Click on the element and upload images from PC, or add the ones you have in the Gallery. Note: if you choose to upload from your computer, make sure to select all of the pictures you want to add to upload them at once.
    Gallery settings1. To change order of images, drag one and drop it in a different place.2. Switch to Layout tab to change the gap and maximum photos in a row. 3. To go to Column settings and change the layout or add background, click on the "gear" sign in the right left corner of your gallery. 4. To enter Media settings, press on a particular image and then on the "gear" icon. 5. Don't forget to publish your site for the changes to go live.

  • Accessing the sitemap

    We generate the sitemap automatically. To access it, simply add /sitemap.xml to your domain name. The sitemap is being updated according to the newly added/ deleted pages on the site. To make sure that the sitemap contains all the updated info, publish the site each time you make changes on it.

  • Site indexing

    Checking if your site is indexed by search enginesBefore you begin, make sure that you toggle on the option Allow search engines to include your site in search results in the General info tab in the Settings of your site. 
    Important: only Pro sites can be visible to the search engines.
    1. To check whether a site was indexed and when, enter site:domain.com in the browser search, where domain.com is the your actual domain name. A list of all the indexed pages will appear in the search results. If there is none, the site hasn’t been indexed yet.
    Tip: in case you have a particular page that is not ready yet or there is copy-pasted content which you don’t want to show the robots and customers, check the article Hiding a page from search engines to get more detailed information.
    2. To check the version of the page that the search engines last saw, click on the small triangular and choose Cached from the drop-down. 3. At the top of the opened window you'll see the date when your website was indexed last time. 
    Important: sites are usually crawled and indexed within 2-6 weeks after publishing. All SEO changes on the site (meta titles and descriptions, alt-text, etc.) also have to be indexed to be displayed in the search results. To speed up the process, add the site to the Google Search Console — this will notify Google that a new site has been created (or an old one updated) and will request to index it.

  • Changing page URL

    1. Сlick on the pages menu on the top panel of site editor. 2. Select the page and open its Settings. 3. In the General tab enter the new page URL, then click Done. 4. Publish the site for the changes to take effect.

  • Changing the design of a button

    Step 1. Changing the design of a button in the global settings1. For that, click on the three dots in the toolbar in the editor and go to the Site Style tab.2. Navigate to the Buttons tab and select one of the ready-made options in the gallery.3. If you want to customize the layout of the button yourself, hover over the current button style and click Edit.4. In the new window, select the Primary or Secondary button type and click on the one you need to edit. Tip: here you can also change the font and formatting used for the text in the buttons.5. After choosing the button type in the new window, you can change the color of the fill, text and borders of the button.Important: don't forget to separately customize the button design for a dark background:6. After finalizing the design, click Done. Step 2. Changing the style of the particular button1. To change the design for a specific button on the site, click on it and click on the "gear" to access its settings.2. Open the Style tab in a new window and select the needed type (Primary, Secondary, or Link), style and size of the button.Tip: choose the "Primary" button for a major call-to-action like "Sign up", etc. Use "Secondary" type of a button for a minor call-to-action, e.g., "View portfolio". Use "Link" buttons to show additional info — for instance, "Learn more".
    3. In addition, you can add an icon to the button, and also change its alignment. 
    4. Don't forget to publish your site for the changes to appear live.

  • Actions of a contact form when it is submitted

    1. Open the editor, hover over to the contact form on your site and click on the "gear".2. In the form, settings navigate to the Action tab.3. You can also edit the text of the message and on the button.
    Tip: After you open the form settings, go ahead and choose the suitable click action from the drop-down menu.Open page: This feature allows you to redirect the visitors to another page of your site once they submit a contact form. For that, choose the Open page in the dropdown and then select the needed page: this is a great way to redirect your visitors to a custom Thank you page. It it is yet to be created, check the article Adding pages.Important: this feature is available for Pro sites only.

  • Adding apps buttons

    1. To add the app button, firstly, you need to add a new element to the block by clicking on the “plus” sign where you'd like to place it.Note: In some older versions of blocks, the feature of adding elements may not be available.2. In the pop-up window choose the App Buttons element to add it in your block.3. After adding the button, you need to insert a relevant link to it to make it clickable. To do this, you need to open the settings of a chosen element - hover over the block and click on the “gear”. 4. In the “Link to App page” field, enter the link you need to direct visitors of your website to the mobile app. 5. You may also want this link to be opened in a new tab when the visitors click on it - for that you should toggle on the "Open in new tab" option. 
    Moreover, you may want to disallow search engines to follow the link of the app. This is useful if, for example, you don't want to redirect traffic from your site to other sources. 
    To enable the "nofollow" attribute, go to the button settings as it’s described in the steps above and toggle on the relevant settings.
    Changing the language of a button1. To change the language of your app button, click on the "Language" menu in the settings.2. Select the language in the dropdown. 
    Changing the design of a button1. In order to change the appearance of the button, you need to go to the "Style" tab in the settings of the selected item. 2. Depending on which platform your mobile app is designed for, you can choose the type of the button for the App Store or Google Play. 3. Also, in the options below you can choose the size of this element that is suitable for your needs - Large, Medium or Small.
    Besides, the apps buttons have basic features such as Delete, Move, and Duplicate.

  • Accessing contact form replies

    1. To access the form replies, go to the Settings of your website, then proceed to the Form management tab in the menu.2. To select the needed form, open the drop-down menu and click on the relevant one. Here you can see the relevant requests from the contact forms on your website. The tool will gather all information from the form fields including images, phone numbers, dates, texts, etc.Important: only forms with answers will be displayed in the drop-down list. Thus, if your site has several inactive or hidden forms, they will not appear in the general list.
    3. By clicking on the reply of the particular form field, it'll be automatically copied to your clipboard. 
    Besides gathering your form requests in the Form replies tab, we suggest integrating some marketing services to improve and organize your communication with clients as well as to increase the lead counts. 

  • Customizing the layout of a contact form

    1. Hover over the contact form and click on the "gear" to access its settings. 2. In the Layout tab press Add field and select the fields you'd like to show in the form — email, date, check box, etc.3. To access the settings of the field, click on the "gear" next to it. 4. To change the name that will be displayed above the field itself, change the text in the very first line of the settings.5. In the fields with placeholders, you can add text that will be displayed in these placeholders and disappear when the user starts to type something. 6. In order to add a detailed description to the field, enable the Add field description option in the settings and enter the desired description in the line below.7. To make the field required, enable the Make this field required option. After that, an asterisk should appear near the field's name.8. To remove a field from the form, click on the trash can icon next to it. 9. You can also change the order of your fields in the form. For that, pick the field up by the handlers and drop in the necessary position. 

  • Adding page title and description (meta tags )

    1. To set up the meta tags, open the site's editor and navigate to the pages menu in the toolbar. 2. Open the settings of the page by clicking on the "gear", proceed to the SEO tab and click on Edit page info. 3. Add page title, description and keywords — words and short phrases by which users search for products and services. Click Done once you've finished. Tip: the optimal length of the title is considered to be 70-80 characters. The standard site description length for Google is 150-160 characters.4. Don't forget to publish your site for the changes to take an effect.
    Important: the changes may not be reflected in the search engines immediately. It may take up to 3-14 days for them to crawl the site and add it to their index. To speed up the process, add the site to the Google Search Console and request indexing.
    If you are looking for some help with the necessary SEO settings, request one of the SEO packages from our experts.

  • Setting slides to auto scroll

    All blocks which include slides allow autoscroll effect.
    1. For that, hover over the block and click on the slide settings. 
    2. In the popup turn on the autoplay feature. 3. Set the delay between the slides and choose whether you'd like the slider to pause on hover. 4. Adjust the duration of the slides transition. 5. Publish the site for the changes to take effect. 

  • Image hover

    Adding an image hover element1. Firstly, choose the Custom block from the block gallery and add it to a site.2. Hover over the empty column and click on it to add elements, then choose the Image hover in the pop-up window. ... or add the Image hover as an element to some existing blocks. 
    Managing the content1. Roll over the element and click on the 'gear' in the top left corner to open the Settings. 2. In the Content tab upload the image or choose it from the gallery. 3. After you set a photo there, you can edit it with some customization options — e.g., applying filter or color overlay. 
    Adding the hover effect1. Proceed to the Hover tab in the Settings. 2. Here you can toggle on the elements which you want to appear after users roll the cursor over the image — title, description or button — and change its alignment as well. Note: you can make the title show even without the cursor hover. 3. You can also add the color overlay or filter to your hover for the better representation of the text. 
    Adding the animation1. In the Hover tab you can adjust the animation settings for the elements and the image itself. Don't forget to publish your site for the changes to appear live.

  • Connecting Google Analytics

    Step 1. Requesting Tracking ID1. Firstly, open Google Marketing Platform and click Start for free to create your new Google Analytics account. 2. Then, click on the "gear" in the left menu and navigate to the Property Settings in the Admin panel. 3. In the new window copy the Tracking ID to your clipboard. 
    Step 2. Adding the code to your site1. Now, open the Settings of your site and navigate to the Analytics tab. 2. Press on the Google Analytics field and paste your tracking ID, then click Connect. 3. Publish your site for the changes to appear live.

  • Adding a tawk.to chat

    A tawk.to chat widget is a great way for your sales, marketing, support teams to communicate live with the existing and prospective clients.
    To install the tawk.to chat on your site, follow the instructions below.

    Important: this option is available for Pro sites only.
    Step 1. Getting the chat ID1. Create or login to the existing account at tawk.to .2. Navigate to the Administartion tab, then open the Overview and copy the Property ID of your widget. 
    Step 2. Adding the chat to the site
    1. Open the Settings of your site and navigate to the Chat tab. 
    2. Enter the unique chat ID in the tawk.to tab and click Connect. 3. Publish your site for the changes to take an effect.

  • Adding alt-text to the images

    Alt-text is the image description that allows search engines to understand the nature or contents of an image. It is not displayed on the live site and is not visible to your visitors.

    Alt-text can be set up only if the image has been added as a standalone element or as a part of the gallery. It is also generally recommended to add alt-text only to the meaningful images on the site — those which actually relate to the services/ business represented.

    1. Firstly, click on the image itself and open the Image settings with the "gear". 2. Add a brief description in the Image title (Alt text) field. 3. For the changes to take effect, make sure to publish the site.
    Important: the changes may not be reflected in the search engines immediately. It may take up to 3-14 days for them to crawl the site and add it to their index. To speed up the process, add the site to the Google Search Console and request indexing.

  • SEO Basics

    Where to begin?Luckily, with the help of Sabka Website's tools, you’ll gain enough knowledge to proceed with SEO settings on your own. So, here's a list of the must-have SEO settings for a website which can assist you with getting higher positions in the search results.1. Add meta tags to your site. These are the title and the description of your website that will be shown in the search engines and describe the main information about your business.2. Add alt-text to the images. As the search engines robots can't see images, the alt-text of the image will helps them to "read" and understand it.3. Add canonical links. The canonical URL tag solves the problem of duplicate pages by specifying a “preferred” page version.4. Add nofollow tag for external links. It’s used to prevent Google crawlers from navigating to the external links on your site. This is especially useful if you don't fully trust the links that you add or if you don't wish to share traffic with someone else.5. Create a custom 404 page. You can look for some inspiration for your 404 page with the examples on our recent blog post.6. Get your website indexed in Google by upgrading it to Pro. Only the indexed pages will come up in search results.
    Important: the changes may not be reflected in the search engines immediately. It may take up to 3-14 days for them to crawl the site and add it to their index. To speed up the process, add the site to the Google Search Console and request indexing.
    Tip: If you are looking for some help with the necessary SEO settings, request one of the SEO packages from our experts.

Get Started

Wondering how to start, here is a step by step guide.


Fill the form

Fill all the information in the form. Hooray its a success, we will send you an email shortly with an invite link.


Click the Invite Link

Check your email inbox or spam box in case it landed up there. Click on the Invite link. You have 3 days until the link becomes invalid.


Login at Sabkawebsite

Open sabkawebsite.com and click on login, set up your password and your done !. Start editing to your website in no time..