CVS Site Quotations

Author: cvs_dev

  • Gravity Form (with custom computation)

    Gravity Form Integration ( 38 – 40 Hours )

    We will be using the Gravity Forms plugin to build and implement the custom calculator as requested. Gravity Forms provides a robust set of features, including built-in support for calculations based on user input, making it an ideal solution for creating dynamic and interactive forms.

    Based on the files attached to the email, the formulas involved are straightforward and well within the capabilities of Gravity Forms’ calculation functionality. Given this, we’re confident that the plugin will effectively meet the requirements of the custom calculator without the need for complex custom development.

    Note that changes to the original requests may affect the provided hours and will be subject to another quotation

    See Reference:
    https://docs.gravityforms.com/using-calculations/
    https://www.gravityforms.com/blog/gravity-forms-calculations-tutorial/

    •  Install and configure the Gravity Form Plug-in
    • Modify CSS and HTML5 output settings
    • Configure No-Conflict Mode
    • Integrate Akismet if needed
    • Configure Background updates
    • Configure debug and log modes
    • Configure Global Form reCAPTCHA Settings and API Keys
    • Configure Global Form notifications
    •  Create a form using Gravity Forms
      • Add a form field based on the requested fields
      • Setup the values of each field
      • Enable the Gravity Form calculation feature
      • Configure the total field settings
      • Setup the mathematical operator needed based on the given formula
      • Integrate the form into the page
    • Adjust the UI and design form
    • Create a Success page, UI, and Design
    • Create Error Page, UI, and Design
    • Perform testing and troubleshooting

  • Additional Inner Pages

    Inner Page Conversion (40 – 60 Hours)

    From the provided details, the website will have 40 pages. Since our basic plan only covers 20 Pages, we will need to create an additional 20 Pages using Elementor builder. Judging from the contents of the different pages, layouts of the reference sites, and the design specifics provided by the client, we can complete the pages activation within 2 – 5 Hours. Here’s the detailed step we need to perform 

    • Create a new page based on the reference site
    • Configure the page slug and meta tags
    • Enable elementor builder on the page
    • Add content on the page based on the live site
    • Integrate the image on the page
      • Extract images from the reference site
      • Resize the image based on the required size
      • Convert the resized image to webp format
      • Optimize the converted image
      • Upload the optimized image to the website
    • Improve the page design and layout based on the new theme
    • Convert the improved page to mobile responsive

  • Elementor Mega Menu

    NOTE: This does not include custom core coding to which the plugin cannot handle a request at its base. 

    • Enable Elementor mega menu feature
    • Configure add-ons default settings
    • Enable the Mega Menu in the main navigation
    • Create an additional menu for the dropdown content
      • Configure the menu settings and options
      • Customize the hierarchy of the page
      • Adjust the design based on the theme
    • Add a widget to the dropdown if needed
      • Configure the widget option and details
    • Create a new template on elementor if needed
    • Integrate the different sub-menu contents
    • Adjust the navigation design based on the theme
    • Convert the menu content to mobile responsive

  • Event Calendar (Pro)

    Event Calendar Integration (36 – 40 Hours)

    • Install The Events Calendar Pro plugin
    • Define plugin options and settings
    • Create Event posts (at most 10) based on the provided details
      • Configure Event details
        • Set up the event date and time
        • Set up the Venue for the post content
          • Add the address of the venue
          • Add possible contact details
          • Enable the map for visual details
          • Set up multiple venues if needed
      • Add featured image
        • Resize the image based on the required size
        • Convert the image to WEBP format
        • Optimize the image
      • Set up Event Type if needed
      • Include Event Organizer if needed
    • Create a template for the Event Archive
      • Integrate the Event Calendar shortcode/widget
      • Add custom CSS for the archive template design
      • Add dynamic population to the archive
      • Test the archive search and filter functionality
      • Convert the archive template to mobile responsive
    • Create a template for the Event Single page
      • Integrate the Event Calendar shortcode/widget
      • Adjust the contents shortcode/widget position
      • Add a dynamic population to the content
      • Configure the layout and structure
      • Added custom CSS for the event single-page design
      • Convert the event single page to mobile responsive

  • Store Locator

    NOTE: Data entry not included.

    • Install and activate the WP Store Locator plugin
    • Configure the plugin’s default settings
      • Configure API keys in Plugin Settings
      • Check and Validate API Keys
      • Configure Map Language
      • Configure Map Regions
      • Configure Map Search Settings (Category Filters, Distance Units, Autocomplete, Search Radius settings)
      • Configure MAP settings (Auto-Locate, Load Locations, Start Points, Zoom Settings, Map Controls, Map Type)
      • Configure Map appearance( Height, Width, Onload behaviors, Address format, Street view Settings, etc. )
      • Configure Map Markers
      • Store Editor configuration (Default Country, Business Hours)
    • Populate the plugin for at most 10 store locations based on the provided information
      • Configure Store locator permalinks
      • Create store custom fields ( Social Media, Service, Etc)
      • Upload locations
    • Integrate the main locator shortcode into the page
      • Adjust the layout and design based on the theme
      • Disable the unnecessary filter feature
      • Add custom CSS since the plugin does not have an elementor option
      • Perform trial and error to test the location search
      • Adjust the rule if needed
      • Convert the main locator to mobile responsive
    • Create a Single location Template
      • Integrate the Locator in the frontend (via shortcode)
      • Add custom CSS since the plugin does not have an elementor option
      • Customize the design based on the theme
      • Convert the templates to mobile responsive

  • Accessibility

    Accessibility (2 – 3 Hours)

    • Install and activate the WordPress Accessibility Plugin – Readabler
    • Configure the plugin’s default options
      • Configure accessibility settings
      • Enable the Readabler feature
    • Display the plugin to the frontend
      • Modify the plugin position on the front end
      • Adjust the toolbar design based on the theme
      • Adjust the text accordingly
    • Perform trial and error to test the plugin functionality
    • Check the result on the mobile version
    • Test and resolve the issue 

  • WooCommerce

    WooCommerce ( 450 )

    • Install and configure WooCommerce
    • Install WooCommerce Dependencies
    • Configure localization and taxes based on the company information
    • Populate the WooCommerce based on the product based on the live site
      • Download the images from the live site
      • Resize the images based on the required size
      • Convert the resized images to webp format
      • Optimize the converted images
      • Integrate the product details
      • Integrate the product gallery and featured image
      • Assign variables if needed
    • Customize the Shop Page based on the theme design
      • Configure WooCommerce configuration setting
      • Disable the default filter for the archive
      • Apply dynamic content population for the list
      • Adjust the design based on the concept or theme
      • Add hooks for additional product details if needed
      • Hide pre-sale products to non-subscriber members
    • Customize the Category page based on the theme design
      • Apply the same design layout based on the main shop page
      • Perform trial and error to test the category filtering
      • Hide pre-sale products to non-subscriber members
      • Customize the Single Product Page based on the theme design
      • Convert the content to a dynamic population
      • Enable lightbox capability for the product gallery
      • Add related product content and design
      • Configure rules and settings of the related product
      • Adjust the design based on the archive design
      • Configure single-page design and structure based on the theme
    • Customize the Cart Page based on the theme design
    • Customize the Checkout Page based on the theme design
    • Customize the Order Page based on the theme design
    • Install and configure Payment gateway/s (Stripe)
    • Install and configure Shipping modules (FedEx)
    • Convert the WooCommerce-related pages to mobile responsive

  • WordPress (Dallas Default)

    WordPress ( 950 )

    • PNG to XHTML activation
    • Installation and configuration of WordPress. 
    • Installation and configuration of essential plugins.
      • Classic Editor, Classic Widget, Yoast SEO, Wordfence, Elementor, Elementor Pro, Advance Custom Field Pro, Smush, WP-Rocket
        • We might add other plugins depending on the limitations we might encounter while making the website
    • Configure Elementor default setting
      • Enable necessary feature
      • Disable unnecessary features
      • Create and upload custom fonts using the Elementor option
      • Enable custom breakpoints for better mobile design
      • Setup default fonts, color, layout, etc.
    • Create WordPress custom themes.
      • Upload a theme featured image
      • Configure the theme details based on the site
      • Create customizer fields on the theme options
      • Configure theme options
    • Create templates for header and footer
      • Add content on the template based on the concept
      • Configure the menu based on the new concept
      • Include customizer and menu in the template
      • Convert template to mobile responsive
      • Modify the template rules/conditions
    • Create the home page.
      • Enable Elementor builder on the front page
      • Extract and optimize images needed for the page
      • Add widgets and content based on the concept
      • Add hover animation to make it interactive
      • Add links to the contents based on the request
    • Create 19 additional pages (About Us, Contact Us, etc)
      • Customize inner page contents and design based on the provided inner page information
      • Update the page title and slug based on the live site
      • Update the page meta tags based on the live site
      • Configure the page hierarchy according to the live site
      • Add widgets and contents based on the live site
      • Adjust the page layout and structure based on the theme
      • Extract the image from the live site
        • Resize the image based on the required size
        • Convert the resized image to webp format
        • Optimize the converted image
      • Configure the widget settings and design
      • Convert the page to a mobile responsive
    • Define and configure dynamic menu locations 
    • Define and configure widget locations
    • Configure pages, categories, menus, and widgets.
    • Setup the error 404-page template using elementor
      • Integrate the search form into the template
      • Add Contact Us page redirection
      • Adjust the structure and design based on the theme
      • Configure the template rule
    • Setup the search result template using elementor
      • Enable keyword-based searching
      • Show the related article accordingly
      • Adjust the structure and design based on the theme
      • Configure the template rule
    • Convert the different pages to Mobile Responsive
    • Add and modify essential content to make it GDPR Compliant
    • Install and configure plugins for page speed optimization
    • Validate and fix HTML, CSS, and JS used on the site – does not include plugin issues