Website Developer

This book serves as the complete SOP and reference guide for the Developer role at Upastra Digital Media. It defines the purpose, workflows, and responsibilities of the team members who are directly responsible for building, structuring, and implementing client websites based on approved project requirements and design direction. 

Fillout Forms

Fillout Forms

How to create fillout form

SOP: Creating a Fill-Out Form

  1. Log in to Fillout

    • Open Fillout and log in with your account credentials.

  2. Start a New Form

    • Click on “Create New Form” or “+ New Form”.

  3. Set Form Title & Description

    • Enter a clear title for your form.

    • Add a description or instructions for users if needed.

  4. Add Questions/Fields

    • Click “Add Question”.

    • Choose field type: text, multiple choice, checkbox, dropdown, etc.

    • Enter the question and mark it as required if necessary.

  5. Organize Form Layout

    • Use sections or pages if the form is long.

    • Drag and drop fields to arrange order.

  6. Customize Settings

    • Enable notifications for new submissions.

    • Set submission limits or restrictions if needed.

    • Adjust privacy settings (public, internal, or private).

  7. Preview Form

    • Click “Preview” to test how it looks and works.

    • Make sure all fields and instructions are clear.

  8. Publish Form

    • Click “Publish” or “Share”.

    • Copy the form link or embed code to distribute.

  9. Collect Responses

    • Monitor submissions in the Responses tab.

    • Export data if needed for analysis.

  10. Update or Edit Form

    • Edit questions or settings as required.

    • Save changes; the live form updates automatically.

Tools and Plugins

Tools and Plugins

Useful Tools & Plugins

1. Design & UI Tools

2. Writing & Content Tools

3. WordPress Security & Site Management

4. WordPress Login & User Management

5. Elementor & Addons

6. WooCommerce & E-Commerce Tools

7. Event & Booking Plugins

8. Templates & Themes

9. Media Compression & Optimization Tools

10. Cache & Speed Plugins

11. Social Media & Marketing Tools

Tools and Plugins

CURCY Multi Currency SOP for WooCommerce

Website Changes

Website Changes

How to Make Website Changes Text Updates & Layout Adjustments - Appex Luxury Travel


Detailed List of Changes from the Video

1. Destinations Section

2. Homepage Photo Updates

3. Services Section

4. About Us Section

5. Contact / Email Section

6. Domain & Website Setup

7. Miscellaneous

Summary

SEO

Courses - Step By Step Guides for Different Roles

Courses - Step By Step Guides for Different Roles

🧠 Elementor Developer Crash Course (for Envato Templates)


Watch This Video Before Starting Out

Elementor Developer Crash Course - Building Website Using Envato Elements Templates
Watch Video

 

🧠 Elementor Developer Crash Course (for Envato Templates)

Duration: 10 Days | Goal: Become a Job-Ready Junior Web Developer

 

 

🗓️ Day 1 – WordPress & Environment Setup

Objective: Learn how WordPress works under the hood before Elementor.



Key Topics:


Assignment:

Build a simple 3-page WordPress site (Home, About, Contact) using the default theme.

 

 

🗓️ Day 2 – Elementor Interface & Widgets Mastery (Part 1)

Objective: Learn every Elementor widget and its purpose.

Key Topics:

Assignment:

Rebuild a homepage hero section and service section using only default widgets.

 

 

🗓️ Day 3 – Elementor Interface & Widgets Mastery (Part 2)

Objective: Dive deeper into advanced Elementor features.

Key Topics: Video Link

Assignment:

Build a 3-section landing page using advanced widgets and animations.

 

 

🗓️ Day 4 – Theme Builder & Global Design System

Objective: Learn how to control entire website design from one place.

Key Topics:

Assignment:

Build a complete header and footer with dynamic menu & logo.

 

 

🗓️ Day 5 – Responsive Design

Objective: Build flexible, responsive layouts using containers.

Key Topics:

Assignment:

Convert a 1-page section into full responsive layout for all screen sizes.

 

 

🗓️ Day 6 – Sticky Headers, Motion, and User Experience

Objective: Add interactivity and visual polish.

Key Topics:

Assignment:

Create a multi-section site with a sticky header and smooth scrolling.


 

 

🗓️ Day 7 – Envato Template Kits Workflow

Objective: Learn to import, clean up, and customize Envato templates properly.

Assignment:

Import a Template Kit, replace branding, and customize for a local business.

 

 

🗓️ Day 8 – Customization & Problem Solving

Objective: Turn a generic template into a unique client website.

Key Topics:

Assignment:

Take any imported Envato template and modify 3 sections to improve UX and layout.

Videos:

 

 

🗓️ Day 9 – Plugin Add-ons, WooCommerce, & Integrations

Objective: Expand website functionality with essential tools.

Key Topics:

Assignment:

Build a 2-product demo store with cart and checkout using Elementor Pro.

 

 

🗓️ Day 10 – Optimization, Launch, and Handoff

Objective: Learn how to finalize, optimize, and hand off a site professionally.

Key Topics:

Assignment:

Prepare a “Launch Checklist” for a site built from an Envato template.

 

 

🧾 

Final Project

Build a full 5-page website using an Envato Template Kit:

  1. Home

  2. Services / Products

  3. About

  4. Blog / Portfolio

  5. Contact

Requirements:

 

 



Google Chrome extensions list required


  1. ColorZilla4.1

  2. Copyfish 🐟 Free OCR Software 6.2.0

  3. Image downloader - Imageye 5.18.5

  4. Mobile simulator - responsive testing tool 4.13.0

  5. WhatFont3.2.0
    GoFullPage - Full Page Screen Capture 8.5






Assignment 1:


Instructions:

Pages





Assignment # 2: 

 

🧠 Final Project: 

Learn & Grow – Educational Books & Blog Website

🎯 

Objective:

Design and build a fully functional, responsive education-based WordPress website using Elementor + Envato Template Kit, that serves as both a content hub (blog) and an eCommerce bookstore selling digital and printed books.

This mock project will simulate a real client brief, testing your ability to plan, customize, and deploy a complete website using Elementor best practices.

 

 

🧩 

Project Overview

Brand Name: Learn & Grow

Industry: Education / Books / eLearning

Type: Marketing + Blog + E-Commerce Website

Target Audience: Students, educators, and professionals interested in personal development and skill-building.

Primary Goal: Sell educational books and share free knowledge through articles.

Website that client likes : https://elkits4.bolvo.com/eduliv/

https://celaz.tokotema.xyz/template-kit/home/


 

 

🧱 

Website Structure (Mandatory Pages)

1. 

Home

2. 

About

3. 

Blog

Single Blog Post Template

4. 

Shop

Single Product Template

Cart

Checkout

My Account

Category Archive

5. 

Contact

6. 

FAQs

7. 

Privacy Policy

8. 

Terms & Conditions

 

 

💼 

Services Page 

If you want to include a service section (for realism):

Services Offered:

  1. Book Publishing Assistance – Help authors self-publish through Learn & Grow.

  2. Personal Development Coaching – Online sessions with expert coaches.

  3. Custom Learning Plans – Tailored book bundles for students or institutions.

  4. Affiliate Program – Earn commission promoting books.

Each service should have:

 

 

🎨 

Design & Branding Guidelines

Color Palette:

💡 Keep the contrast strong for readability and accessibility.

 

 

Typography:

 

 

Layout & UI Guidelines:

 

 

📱 

Responsiveness

 

 

⚙️ 

Technical Requirements

 

 

🧠 

Evaluation Criteria (for trainees)

Category

Weight

Description

Design Consistency

20%

Colors, fonts, and layout align with brand guidelines

Responsiveness

20%

Works perfectly on all devices

Functionality

20%

WooCommerce, Blog, Forms, and Menus fully functional

Optimization

15%

Loads fast, proper image optimization

SEO Basics

10%

Titles, meta, alt texts, clean URLs

Professional Finish

15%

Site feels client-ready, not like a template

 

 

🎁 

Deliverables

  1. Fully functional website (hosted or on LocalWP)

  2. Exported Elementor template kit (JSON)

  3. Documentation (Google Doc or PDF) including:

  • Screenshots (Desktop + Mobile)

    •  

     

    💬 

    Add-ons (Advanced Practice)

     

     

    Advanced Custom Fields - ( ACF )


    Advanced Custom Fields - ( ACF )

    How to Create Events Custom Post Type Using ACF - Create Custom Loop Grid and Single Post Template Using ACF Data ( Custom Post Type )

    Advanced Custom Fields - ( ACF )

    How To Create Job Portal Using ACF And Integrate Elementor Form - ACF & Elementor Form

    Daily Guide

    Daily Guide

    Start-of-Day Checklist Website developer

    Daily Guide

    End-of-Day Checklist Website developer

    Addons List Updated

    Priority Fast Delivery

    I will complete your project on a priority basis, ideal for clients who need their website or updates delivered quickly. Whether you have an urgent launch or a tight deadline, this service ensures fast delivery without compromising quality.
    Pricing:

    Additional Website Page

    I will add more pages beyond the initial scope of your website to expand content and create a richer site structure. This helps establish a comprehensive online presence with detailed services, blogs, or portfolio sections.
    Pricing: $100 per page

    Extra Revision Rounds

    I will provide additional opportunities to tweak and perfect your website beyond the standard revisions — ideal for clients who prefer multiple rounds of feedback and fine-tuning.
    Pricing: $30 per revision

    Enhanced E-commerce Functionality

    I will implement robust online shopping features, including product catalogs, shopping carts, and secure checkout systems, to fully support your e-commerce needs.
    Pricing: $250

    Payment Gateway Integration

    I will seamlessly integrate popular and secure payment gateways such as PayPal, Stripe, and credit card processors to enable smooth transactions on your site.
    Pricing: $100

    Personalized Website Tutorial

    I will provide a tailored video tutorial or document guide to help you manage, update, and maintain your website confidently without ongoing developer assistance.
    Pricing: $40

    Newsletter Opt-in Forms

    I will design and integrate professional subscription forms connected to popular email marketing platforms like Mailchimp or Constant Contact to capture email leads effectively.
    Pricing: $50

    Custom Pop-up Implementation

    I will design and implement targeted pop-up windows for promotions, newsletter signups, or announcements — enhancing conversions without annoying visitors.
    Pricing: $50

    Google Analytics Integration

    I will set up and configure Google Analytics to track visitor behavior, traffic sources, and conversion data, giving you valuable insights for marketing strategies.
    Pricing: $50

    Automated Email Responders

    I will create custom autoresponders for instant email replies to inquiries, signups, or purchases, improving user engagement and support.
    Pricing: $50

    Elementor Pro Yearly

    I will install and configure Elementor Pro to unlock advanced design features, including custom widgets, theme builders, and enhanced styling options.
    Pricing: $30

    Additional E-commerce Product Setup

    I will add extra products to your store, including complete product pages with images, descriptions, and pricing options to expand your online catalog.
    Pricing: $20 per product

    Website Speed Optimization / Page

    I will improve your website’s performance by reducing load times, optimizing images, and cleaning up code to enhance user experience and SEO rankings.
    Pricing: $50

    Basic On-Page SEO Setup / Page

    I will implement essential SEO practices such as meta tags, XML sitemap creation, and keyword optimization to increase your website’s search engine visibility.
    Pricing: $50

    Professional Content Writing / Page

    I will write tailored content for your website pages or blog posts, crafted to engage your audience and represent your brand’s unique voice.
    Pricing: $50 per page

    Advanced Navigation Menus

    I will add advanced navigation tools like mega menus, sticky menus, and breadcrumb trails to improve site usability and visitor experience.
    Pricing: $50

    Accessibility Enhancements

    I will make your website more inclusive with better color contrast, enriched alt text for images, and keyboard accessibility features using WP Accessibility.
    Pricing: $70

    Plugin Installation and Configuration

    I will install and configure essential plugins securely and efficiently to extend your website’s capabilities without causing conflicts or slowdowns.
    Pricing: $20

    Blog or News Section Setup

    I will create a modern and functional blog or news section that allows easy posting and categorization of articles or updates.
    Pricing: $150

    I will embed dynamic image galleries, videos, and audio files into your website to create engaging visual and auditory experiences for visitors.
    Pricing: $70

    Downloadable Content Setup

    I will set up downloadable assets such as PDFs, brochures, or whitepapers, making them easily accessible directly from your website.
    Pricing: $30

    How To Videos: 

    https://www.youtube.com/watch?v=5nnOVYNqKDk

    https://www.youtube.com/watch?v=2yjyw0xeU2E

    Custom Contact Forms

    I will design and implement customized contact or inquiry forms tailored to your business needs, making it easy for visitors to reach out.
    Pricing: $50

    How To Videos: 

    https://www.youtube.com/watch?v=dBvfmY1bOko  Elementor Conditional Logic Tutorial – Show/Hide Fields Based on User Choices
    https://www.youtube.com/watch?v=q_2JPKl36_s Dynamic Elementor Form Logic — Reveal Fields Based on User Selections

    WhatsApp or Tawk.to Live Chat Integration

    I will integrate WhatsApp chat buttons or Tawk.to widgets to enable real-time communication and enhance customer engagement.
    Pricing: $50

    https://www.youtube.com/watch?v=GbAQQC0z-GA Live Chat for WordPress (Free Plugin) with Tawk.to

    I will implement advanced search features that help visitors quickly find products, services, or content on your website.
    Pricing: $70

    Multi-Language Support

    I will add Google Translate-based multi-language support to your website, helping you reach a broader global audience.
    Pricing: $50

    Website Backup Delivery

    I will provide a complete backup copy of your website’s files and database, delivered safely to you for future use.
    Pricing: $30

    Video Autoplay and Playlist Galleries

    I will add video players with autoplay and playlist capabilities to showcase multiple videos and capture visitor attention effectively.
    Pricing: $50

    Embedded PDF and Document Viewers

    I will embed PDFs or other documents directly on your website using integrated viewers for easy access to important files.
    Pricing: $50

    Interactive Maps and Location Services

    I will incorporate Google Maps or custom maps to display your business locations, service areas, or directions interactively.
    Pricing: $50

    Legal Page Creation with Cookies Banner (Privacy Policy, Terms & Conditions)

    I will create professionally drafted legal pages to meet regulations and build customer trust, along with a compliant cookies banner.
    Pricing: $100

    Social Media Feed Embed / Feed

    I will embed live social media feeds from Instagram, Facebook, or Twitter to display real-time content directly on your website.
    Pricing: $70

    Blog Migration / Transfer Service

    I will transfer your blog content from an existing website to a new platform seamlessly, maintaining SEO and formatting for up to 50 blogs.
    Pricing: $100