Full Mouth Dental Implants
Technical Details Website
Doctor, when you say “Technical Details Website” in the context of your current project (fullmouthimplantsindia.com for international full-mouth implant patients), there are a few possible directions. I want to be precise because the technical layer of the site will strongly affect:
International SEO
Medical authority signals (E-E-A-T)
Conversion from medical tourists
Page speed and crawlability
Before I propose the architecture, let me clarify one thing.
Quick Question
Do you mean:
A. Technical SEO structure of the website
(site architecture, schema, internal linking, crawl structure, speed)
B. Technical implant dentistry content
(scientific implant protocols, bone density, implant torque, surgical workflow etc.)
C. Website technical stack
(hosting, CDN, WordPress setup, caching, schema automation)
D. A dedicated page called “Technical Details of Full Mouth Implants”
(for engineers, dentists, and highly analytical international patients)
My suspicion (based on your project chats)
You are likely referring to D — a high-authority technical page that:
Shows clinical depth
Builds trust with international patients
Signals medical expertise to Google
Very few implant clinics publish this properly.
A well-done page like this can rank for queries like:
full mouth implant procedure steps
all on 4 surgical protocol
implant torque value
bone density dental implant HU
cbct planning dental implants
digital implant planning protocol
If this is what you meant, the page structure should be:
Page Title
Technical Details of Full Mouth Dental Implants | Surgical Protocol & Planning
Sections (Authority Building Order)
1. Implant Planning Protocol
CBCT scanning
Bone density evaluation
nerve mapping
sinus mapping
2. Digital Implant Planning
implant angulation
prosthetic driven planning
surgical guide vs freehand
3. Implant Types Used
tapered implants
rough surface implants
titanium grade
4. Bone Density & Implant Stability
Misch classification
insertion torque
primary stability
5. Immediate Loading Protocol
why All-on-4 works
cross arch stabilization
6. Implant Materials
Titanium Grade 4
surface treatments
7. Healing Biology
osseointegration
bone remodeling
8. Prosthetic Design
zirconia vs hybrid prosthesis
screw retained vs cement retained
9. Long Term Success Rates
Evidence based.
Example data:
Implant success 95–98% over 10 years
Immediate loading success 94–97%
Source:
American Academy of Implant Dentistry
Why This Page Is Extremely Powerful
Almost no clinics in India publish deep technical implant protocols.
If you do this well:
You attract three audiences simultaneously:
Patients researching deeply
Dentists referring cases
Google’s medical authority algorithm
This creates topical authority around implants.
Even More Powerful Strategy (My Strong Recommendation)
Instead of one page, build a Technical Implant Knowledge Hub:
Pillar
Full Mouth Dental Implants
Supporting Technical Pages
CBCT Planning for Dental Implants
Bone Density and Dental Implants
Implant Stability and Torque Values
Immediate Loading Protocol
Osseointegration Explained
Surgical Guide vs Freehand Implant Placement
Titanium Dental Implants vs Zirconia Implants
Implant Surface Technology
Why Basal Implants Are Risky
That last one is perfect for your clinic positioning since you already avoid basal implants.
Important CRO Insight
International patients trust clinics when they see:
technical transparency
data
protocols
It signals serious surgical centers, not cosmetic clinics.
This is exactly how Turkey and Hungary clinics dominate implant tourism.
💡 My suggestion for you next
Let me design a complete Technical Authority Structure for:
fullmouthimplantsindia.com
Including:
20 authority pages
internal link structure
schema strategy
topical authority map
This will make the site capable of ranking globally for:
full mouth implants in india
all on 4 india
full arch dental implants cost india
If you want, I can also show you something extremely powerful:
How to design the website so Google sees it as an “Implant Research Center” rather than just a clinic.
Very few dental websites do this correctly.
websote Fullmouthimplantsindia.com : domain is registered, its hosted psaced that we have taken on hostinger , i have already installed wordpress and now connecting the domain,(now connected) where should I start plugins I want to keep minimum, I can instal WPCODE, I am looking at very fast website avoiding UNNCESSARY plugins
Good. You are already doing the right thing by thinking about plugins before installing them. Most dental websites become slow because people install 15–25 plugins without thinking. For an international implant website, speed + trust signals matter more than fancy design.
I will give you a minimal, high-performance stack that many SEO engineers use for fast authority sites.
Step 1 — Theme (Most Important Decision)
Do not install heavy themes like:
Divi
Elementor kits
Avada
Astra Pro bundles
They add hundreds of KB CSS + JS.
Use one of these:
Best option for you
GeneratePress (Free)
Reason:
~30kb theme size
clean code
perfect with Custom HTML blocks (which you already use)
used by performance focused developers
So install:
Appearance → Themes → GeneratePress
Step 2 — Absolute Minimum Plugin Stack
For a fast medical authority site, you only need 6 plugins.
1️⃣ WPCode
You already mentioned it.
Use it for:
schema
header scripts
tracking codes
structured data
Plugin:
WPCode – Insert Headers and Footers
2️⃣ SEO Plugin (Choose One Only)
Choose:
RankMath SEO
Why:
schema included
sitemap included
breadcrumbs included
no need for 3 plugins
Disable modules you don’t need.
3️⃣ Caching Plugin
Since you are on Hostinger, use:
LiteSpeed Cache
Reason:
extremely fast
server level caching
image optimization
CDN integration
This one plugin replaces:
Autoptimize
WP Rocket
image optimizer
CSS minifier
4️⃣ Security Plugin
Minimal but strong:
Wordfence
OR
Solid Security (formerly iThemes)
You only need one.
5️⃣ Backup Plugin
Never skip this.
Install:
UpdraftPlus
Schedule:
backup daily database
weekly full backup
6️⃣ Schema / Structured Data (Optional)
Since RankMath already provides schema, you may not need another plugin.
But for advanced medical schema later:
Use WPCode custom JSON-LD.
So do NOT install Schema Pro.
Final Plugin Stack (Minimal & Fast)
Only 5–6 plugins total
WPCode
RankMath SEO
LiteSpeed Cache
Wordfence (or Solid Security)
UpdraftPlus
That’s it.
Your website will remain extremely fast.
Step 3 — Important Settings Immediately After Install
Permalink Structure
Settings → Permalinks
Choose:
Post name
Example:
fullmouthimplantsindia.com/all-on-4-implants
Never change later.
Delete Default WordPress Content
Remove:
Hello World post
Sample page
Default comments
Remove Unnecessary Plugins
Delete:
Hello Dolly
Akismet (not needed unless blog comments)
Step 4 — Basic Technical Pages (Create First)
Before writing implant pages, create these:
Home
About Dr Jyoti Singh
Full Mouth Dental Implants
All-on-4 Dental Implants
All-on-6 Dental Implants
Cost of Full Mouth Implants in India
International Patient Guide
Contact
These are your core pages.
Step 5 — Important SEO Settings
In RankMath:
Enable:
✔ Sitemap
✔ Schema
✔ Redirections
✔ Local SEO
✔ Image SEO
Disable:
✖ WooCommerce
✖ AMP
✖ Instant Indexing
Step 6 — Speed Optimization (Critical)
Inside LiteSpeed:
Enable:
Page cache
CSS minify
JS minify
HTML minify
lazy load images
WebP conversion
Step 7 — Use This Rule For Future Plugins
Before installing any plugin ask:
Can this be done with WPCode + HTML + CSS instead?
If yes → never install plugin.
My Strong Recommendation (Important for Your Project)
Your international implant website must stay under:
1 MB total page size
Target:
LCP under 1.5 sec
TTFB under 300ms
Most dental websites are 4–7 MB, which is terrible.
Next Critical Step (I strongly recommend)
Before you start designing pages, we should design the site architecture.
For fullmouthimplantsindia.com, I would structure it like this:
Home
│
├ Full Mouth Dental Implants
│
├ All-on-4 Implants
│
├ All-on-6 Implants
│
├ Implant Cost India
│
├ Before After
│
├ International Patients
│
├ Why India for Implants
│
└ Dr Jyoti Singh
This structure helps rank globally.
If you want, I can also show you something extremely useful next:
The 12 plugins that dental clinics install which destroy website speed
(and why you must avoid them).
Installed the following
Generate press free
WPCode
SEO press
LiteSpeed Cache
Wordfence
Hostinger backups daily
Akismet yes blog
You’ve actually built a very clean stack already. 👍
For a fast international implant website, this setup is close to ideal. Let me review it like a technical SEO + performance engineer and suggest a few adjustments.
Your Current Plugin Stack (Evaluation)
1. GeneratePress (Free)
Excellent choice.
Reasons:
~30 KB theme
clean HTML output
fast Core Web Vitals
ideal for custom HTML + WPCode approach
Many high-performance SEO sites use GeneratePress.
Verdict: ✅ Keep
2. WPCode
Good decision.
Use it for:
schema
header scripts
analytics
custom CSS
tracking pixels
future A/B tests
This replaces multiple plugins.
Verdict: ✅ Keep
3. SEOPress
Very good SEO plugin. Actually lighter than RankMath.
SEOPress advantages:
lightweight
good schema
clean sitemap
no ads
good for technical SEO sites
Important settings to check:
Enable:
XML sitemap
breadcrumbs
schema
redirections
Disable:
Google News
Video sitemap
unnecessary integrations
Verdict: ✅ Good choice
4. LiteSpeed Cache
Perfect because you are on Hostinger.
LiteSpeed is one of the fastest caching systems.
Inside LiteSpeed enable:
Cache
✔ Cache logged out users
✔ Cache mobile
Page Optimization
Enable:
✔ HTML Minify
✔ CSS Minify
✔ JS Minify
✔ Lazy Load Images
✔ DNS Prefetch
Disable for now:
✖ CSS combine
✖ JS combine
Those sometimes break layouts.
Verdict: ✅ Essential
5. Wordfence
Strong security plugin.
But one warning:
Wordfence can slow down servers slightly if full scanning is enabled.
Recommended settings:
Disable:
live traffic view
Run scans:
once per day
at night
Verdict: ✅ Good but tune it
6. Hostinger Daily Backup
Perfect.
You do NOT need UpdraftPlus since Hostinger handles backups.
This keeps plugins minimal.
Verdict: ✅ Correct approach
7. Akismet
Good for blog comments.
But one question:
Are you allowing public comments on the site?
If no comments → remove Akismet.
If yes blog comments → keep it.
Verdict: ⚠ Depends on comment policy
Final Plugin Count
You currently have:
GeneratePress (theme)
WPCode
SEOPress
LiteSpeed Cache
Wordfence
Akismet
Total: 5–6 plugins
That is excellent.
Many dental sites run 20+ plugins.
Next Critical Settings (Do Immediately)
1. Permalink Structure
Go to:
Settings → Permalinks
Choose:
Post Name
Example:
fullmouthimplantsindia.com/all-on-4-dental-implants
Never change later.
2. Disable Gutenberg Bloat
Inside LiteSpeed:
Enable:
Remove Query Strings
Remove WordPress Emoji
Disable WP Embeds
This removes unnecessary JS.
3. Enable Brotli Compression (Hostinger)
Inside Hostinger hPanel:
Advanced → Optimization → Brotli
Enable it.
This improves page speed ~20%.
Now the Most Important Step (Do NOT Start Designing Yet)
Before creating pages, design the SEO architecture.
For fullmouthimplantsindia.com, the structure must target:
medical tourists
high ticket implant patients
cost comparison searches
Suggested core pages:
Primary Pages
Home
Full Mouth Dental Implants
All-on-4 Dental Implants
All-on-6 Dental Implants
Cost of Full Mouth Implants in India
Dental Implants vs Dentures
Why Choose India for Dental Implants
International Patient Guide
Dr Jyoti Singh – Implant Specialist
Before and After Cases
Speed Target for This Website
You should aim for:
Page weight:
< 1 MB
Core Web Vitals:
LCP: < 1.8 sec
CLS: < 0.05
TTFB: < 300 ms
If we maintain this, the site will outrank most dental clinics globally.
One More Very Important Recommendation
Before writing content, install one small thing:
LiteSpeed CDN (QUIC.cloud)
This gives:
global CDN
faster loading for international patients
image optimization
Important because your site targets foreign patients.
Next Step I Recommend
Before building pages, I can show you something extremely powerful:
The exact page architecture that will help
fullmouthimplantsindia.com rank internationally for
full mouth implants india
all on 4 implants india
dental implants cost india
Only 12–15 pages needed to dominate this niche.
And it avoids keyword cannibalization with cdieindia.com.
If you want, I’ll map the complete international implant SEO architecture.
YOU are throwing to many things at once, I get confused I am non technical person, please GIVE only one thing at a time now wait for my next input
Got it, Doctor 👍
We will go one step at a time from here.
You already installed the plugins, so the next single step is this:
Step 1 — Set the Website Permalink Structure
This controls how your page URLs look.
It must be set before creating pages.
Do this:
Go to WordPress Dashboard
Click Settings
Click Permalinks
Select Post name
Click Save Changes
Your URLs will then look like:
fullmouthimplantsindia.com/all-on-4-dental-implants
Instead of:
fullmouthimplantsindia.com/?p=123
This is important for SEO and clean URLs.
✅ Do only this step now.
After you confirm it is done, tell me and I will give you the next single step.
Done next step 1 only
Perfect 👍
Step 2 — Set Website Title and Tagline
This tells Google what your website is about. Right now WordPress usually shows something like “Just another WordPress site”, which is bad for SEO.
Do this:
Go to WordPress Dashboard
Click Settings
Click General
Now fill these two fields:
Site Title
Full Mouth Implants India
Tagline
Full Mouth Dental Implants & All-on-4 Treatment in India by Dr Jyoti Singh
Then click Save Changes.
This will become the default identity of the website until we later set advanced SEO titles.
✅ Please do this step now.
When done, tell me “Done Step 2” and I’ll give you Step 3 only.
Done step 2
Great. 👍
Step 3 — Stop Search Engines from Indexing the Site (Temporary)
Right now the website is new and empty.
If Google indexes it too early, it may see unfinished pages, which is not good.
So we temporarily tell search engines “do not index yet.”
Do this:
Go to WordPress Dashboard
Click Settings
Click Reading
You will see:
Search Engine Visibility
✔ Check the box:
Discourage search engines from indexing this site
Click Save Changes
This keeps the site private from Google while we build it.
Later (when the site is ready), we will remove this check.
✅ Please do this step and then tell me “Step 3 done.”
Then I will give Step 4 only.
Step 3 done
Nice progress. 👍
Step 4 — Delete Default WordPress Pages & Posts
WordPress installs some dummy content that we don’t want Google to ever see.
Do this:
1️⃣ Delete the default post
Go to Posts
Open All Posts
You will see “Hello World”
Click Trash
2️⃣ Delete the default page
Go to Pages
Open All Pages
You will see “Sample Page”
Click Trash
3️⃣ Empty the trash (important)
Go to Trash
Click Delete Permanently
This keeps the website clean for SEO.
✅ Do this step and tell me “Step 4 done.”
Then we will move to Step 5 (very important for site structure).
done
Good. 👍
Step 5 — Set the Homepage (Very Important)
Right now WordPress shows blog posts on the homepage.
For a medical clinic website, we want a static homepage.
Do this:
1️⃣ First create the homepage
Go to Pages
Click Add New
Title the page:
Home
Click Publish
2️⃣ Tell WordPress to use it as the homepage
Go to Settings
Click Reading
You will see Your homepage displays
Select:
A static page
Then set:
Homepage → Home
Leave Posts page empty for now
Click Save Changes
Now your website will load:
fullmouthimplantsindia.com
and show the Home page instead of blog posts.
✅ Please do this and tell me “Step 5 done.”
Then we will do Step 6 (very small but important SEO step).
step 5 done
Good 👍
Step 6 — Remove the WordPress Comment System (Cleaner & Faster)
Since this website is a medical authority site, you usually don’t want random comments under pages. Comments create:
spam
database load
moderation work
You already installed Akismet for blog, but we will keep comments only for posts, not pages.
Do this:
Go to WordPress Dashboard
Click Settings
Click Discussion
Now look for:
Allow people to submit comments on new posts
Leave it checked (because you want blog comments).
Then scroll down and disable these two:
❌ Allow link notifications from other blogs (pingbacks)
❌ Allow notifications from other blogs (trackbacks)
These are mostly spam sources.
Then click Save Changes.
✅ Do this step and tell me “Step 6 done.”
Next we will do Step 7 — the first SEO setting in SEOPress.
6 done
Good. 👍
Step 7 — Enable the XML Sitemap in SEOPress
A sitemap tells Google what pages exist on your site.
Without it, search engines may take longer to discover your pages.
Do this:
Go to SEO (SEOPress) in the left menu
Click XML / HTML Sitemap
Now enable:
✔ Enable XML Sitemap
Then scroll down and click Save Changes.
Check if it works
Open this in your browser:
fullmouthimplantsindia.com/sitemaps.xml
If the page opens, your sitemap is working.
✅ Do this step and tell me “Step 7 done.”
Next we will do Step 8 — one setting that improves Google understanding of your clinic.
Uploaded image
Perfect. 👍
The screenshot shows your XML sitemap is working correctly.
You have:
post-sitemap → blog posts
page-sitemap → pages
category-sitemap → blog categories
That is exactly what we want.
✅ Step 7 is complete.
Step 8 — Set Your Website Timezone (Small but Important)
This ensures:
correct post publish time
correct logs
proper scheduling
Do this:
Go to Settings
Click General
Find Timezone
Set it to:
Kolkata
Then click Save Changes.
✅ Please do this and tell me “Step 8 done.”
Then we will move to Step 9 — creating the first essential page for the website.
done
Good. 👍
Step 9 — Create the Main Service Page
Before anything else, we create the most important page of the entire website.
Create this page:
Go to Pages
Click Add New
Title the page exactly:
Full Mouth Dental Implants
Then click Publish.
Do not add content yet.
We will write it later.
Why this page first?
This page will become the main SEO pillar of the website and target searches like:
full mouth dental implants in India
full mouth implants India
replace all teeth with implants
Every other page (All-on-4, cost, international patients, etc.) will later link to this page.
✅ Please create this page and tell me “Step 9 done.”
Then we will do Step 10 — creating the second critical page.
done
Great. 👍
Step 10 — Create the All-on-4 Implants Page
This is the second most important page for the site. Many international patients specifically search for All-on-4 implants.
Do this:
Go to Pages
Click Add New
Title the page:
All-on-4 Dental Implants
Click Publish
Again, do not add content yet. We will structure it later.
Why this page matters
A large portion of searches are like:
All on 4 dental implants India
All on 4 implants cost India
All on 4 full mouth implants
This page will later link to your main page:
Full Mouth Dental Implants
That helps Google understand the topic hierarchy.
✅ Please create the page and tell me “Step 10 done.”
Then we will create Step 11 — another key page international patients search for.
done
Good progress. 👍
Step 11 — Create the Cost Page
Cost is one of the biggest search drivers for international implant patients. Many people search directly for price comparisons.
Do this:
Go to Pages
Click Add New
Title the page exactly:
Full Mouth Dental Implants Cost in India
Click Publish
Again, no content yet. We will structure it later.
Why this page is important
People search things like:
full mouth dental implants cost in India
All-on-4 implants cost India
dental implants price India vs USA
This page will attract high-intent international patients.
✅ Please create this page and tell me “Step 11 done.”
Then we will create Step 12 — the page that builds trust with international patients.
done
Excellent. 👍
Step 12 — Create the International Patients Page
Since this website targets patients coming from other countries, this page is very important for trust and conversion.
Do this:
Go to Pages
Click Add New
Title the page:
International Patients
Click Publish
Again, no content yet.
Why this page matters
International patients usually search things like:
dental implants in India for foreigners
travel to India for dental implants
dental tourism India implants
This page will later explain:
travel process
treatment timeline
stay in India
safety
clinic credentials
It helps convert researchers into actual patients.
✅ Please create the page and tell me “Step 12 done.”
Then we will create Step 13 — the doctor authority page, which is extremely important for Google trust signals.
done
Great. 👍
Step 13 — Create the Doctor Authority Page
Google trusts medical websites more when the doctor profile is clearly shown.
Do this:
Go to Pages
Click Add New
Title the page:
Dr Jyoti Singh
Click Publish
No content yet — we will add it later.
Why this page is important
For medical SEO, Google looks for E-E-A-T signals:
Experience
Expertise
Authoritativeness
Trust
A dedicated doctor page helps show:
qualifications
implant experience
training
publications
cases treated
This is very important for an international medical website.
✅ Please create the page and tell me “Step 13 done.”
Next we will do Step 14 — one final core page your website must have before we start writing content.
done
Great. 👍
Step 14 — Create the Contact Page
Every medical website must clearly show how patients can contact the clinic. It also helps Google confirm the real business behind the website.
Do this:
Go to Pages
Click Add New
Title the page:
Contact
Click Publish
No content needed yet — we will add:
clinic addresses
maps
contact form
WhatsApp option
phone
later.
✅ Do this step and tell me “Step 14 done.”
After that, we will stop creating pages and move to the next important step: organizing these pages in the website menu.
done
Great. 👍 You now have the core pages created.
Step 15 — Create the Main Website Menu
Right now visitors cannot easily navigate the pages. We will create the top navigation menu.
Do this:
Go to Appearance
Click Menus
Create a new menu
In Menu Name, type:
Main Menu
Click Create Menu
Add pages to the menu
On the left side under Pages, select these pages:
✔ Home
✔ Full Mouth Dental Implants
✔ All-on-4 Dental Implants
✔ Full Mouth Dental Implants Cost in India
✔ International Patients
✔ Dr Jyoti Singh
✔ Contact
Click Add to Menu
Set it as the main menu
At the bottom check:
✔ Primary Menu
Then click Save Menu
Now your website will have a top navigation bar.
✅ Please do this and tell me “Step 15 done.”
Next we will do one very important step that improves the site speed immediately.
done
Excellent. 👍 You’re doing this perfectly step-by-step.
Step 16 — Set Your Site Logo
Right now your website probably shows just text in the header. We will add the clinic logo so the site looks professional and trustworthy.
Do this:
Go to Appearance
Click Customize
Click Site Identity
You will see an option:
Logo
Click Select Logo and upload the clinic logo.
Use this logo if you have it ready:
https://cdieindia.com/wp-content/uploads/2024/05/logo.png
After uploading:
Click Publish
Close the customizer.
Now your website header will show the clinic logo instead of plain text.
✅ Please do this and tell me “Step 16 done.”
Next we will do Step 17 — a small setting in LiteSpeed Cache that makes your site load faster worldwide.
step 16 question, what should be format size of the logo
Good question. This matters for speed and sharp display.
Logo Format
Use:
PNG
Reason:
transparent background
sharp edges
widely supported
SVG is even better for developers, but WordPress sometimes blocks it, so PNG is safest.
Logo Size (Recommended)
Use this size:
Width: 300 px
Height: 80–100 px
This works best with GeneratePress header layout.
Do not upload huge images like:
2000px
4000px
They slow down the site.
File Size Target
Keep logo under:
50 KB
Ideal:
20–40 KB
Logo Shape Tip
Your logo should be horizontal, not square.
Good:
[ Logo icon ] Center for Dental Implants & Esthetics
Bad:
[ big square logo ]
Square logos make headers very tall on mobile.
For This Website (Important)
Since this is an international implant site, you may want a slightly simplified logo text:
Example:
Center for Dental Implants & Esthetics
Dr Jyoti Singh
But we can decide that later.
✅ Upload the logo when ready and tell me “Step 16 done.”
Then I’ll give you Step 17.
Uploaded image
Uploaded image
Uploaded image
which one
Use the third one (horizontal logo with text).
https://samedaydentalimplantcenter.com/_next/image?dpl=dpl_HnmRDkUMwwC34mibyYQjjLXmmPZy&q=75&url=%2Flogo.webp&w=3840
https://images.openai.com/static-rsc-3/si2MpEs76q6X77fNFpuq-_h26VIXzuFynmQRnztBe0kVdiNV-JTpCK7bJI20QkokyDYlBP0wbRfxuBx5lQ4AjVmgj3V4upxYHA40UbXWycM?purpose=fullsize&v=1
https://dcassetcdn.com/design_img/2205644/40825/40825_11687124_2205644_8dd970aa_image.png
Why this one is correct for the website
1️⃣ Best for website header
Horizontal logos fit perfectly in the top navigation bar.
2️⃣ Mobile friendly
Square or circular logos make the header very tall on phones.
3️⃣ Clear branding
Visitors immediately read:
Center for Dental Implants & Esthetics
which builds trust.
Do NOT use these for the header
Circular logo
Good for:
favicon
social media
watermark
Icon only
Good for:
small icons
mobile menu
favicon
Best use for each image
Image Use
Horizontal text logo Website header
Circular logo Social media / watermark
Implant icon favicon
Before uploading (small improvement)
Resize the horizontal logo to:
Width: 300 px
Height: 90 px
Save as:
PNG
Target size:
< 40 KB
✅ Upload the horizontal logo in Appearance → Customize → Site Identity.
Then tell me “Logo uploaded.”
After that I will give you Step 17.
Step 16 completed
Great 👍
Step 17 — Remove the WordPress Tagline from the Header
Right now your header may show both the logo and the tagline text.
This can make the header look crowded and taller, especially on mobile.
We will hide the tagline and keep only the logo.
Do this:
Go to Appearance
Click Customize
Click Site Identity
You will see options like:
✔ Display Site Title
✔ Display Tagline
Change this:
❌ Uncheck “Display Tagline”
Leave Display Site Title unchecked as well if the logo already shows the name.
Then click:
Publish
This will make the header clean and professional.
✅ Please do this and tell me “Step 17 done.”
Next we will do Step 18 — one setting that improves website loading speed immediately.
done
Good. 👍
Step 18 — Turn On Page Cache in LiteSpeed (Big Speed Boost)
This is the single most important speed setting.
Do this:
Go to LiteSpeed Cache in the left menu
Click Cache
Open the Cache tab
Make sure these are set:
✔ Enable Cache → ON
✔ Cache Logged-in Users → OFF
✔ Cache Commenters → ON
✔ Cache REST API → ON
✔ Cache Mobile → ON
Then click Save Changes.
This allows your server to serve pre-built pages, which makes the website much faster.
✅ Please do this and tell me “Step 18 done.”
Then we will do Step 19 — the final speed setting before we start building the actual homepage.
Uploaded image
Perfect 👍 — your settings look correct.
From your screenshot I can see:
✔ Enable Cache → ON
✔ Cache Logged-in Users → OFF
✔ Cache Commenters → ON
✔ Cache REST API → ON
✔ Cache Login Page → ON
✔ Cache Mobile → ON
This is exactly what we want. No changes needed.
✅ Step 18 is complete.
Step 19 — Enable Browser Cache (Another Speed Boost)
This helps visitors who come again to your site. Their browser will store images, CSS, and JS, so the site loads much faster the second time.
Do this:
Go to LiteSpeed Cache
Click Cache
Click the Browser tab
Set:
✔ Browser Cache → ON
Then click Save Changes.
✅ Do this step and tell me “Step 19 done.”
After this, we will stop technical setup and start designing the homepage structure.
19 done
Excellent. 👍
Your basic technical setup is now complete. We will not touch plugins or settings for a while.
Now we move to the first design step.
Step 20 — Set the Website Layout to Full Width
By default, GeneratePress may show narrow content with sidebars.
For a modern medical website, we want full-width pages with no sidebar.
Do this:
Go to Appearance
Click Customize
Click Layout
Click Sidebar
Set:
Sidebar Layout → No Sidebar
Then click Publish.
Why this matters
Medical websites work better with:
full width content
large images
clear sections
Sidebars usually:
distract visitors
reduce mobile readability
✅ Do this step and tell me “Step 20 done.”
Next we will start building the homepage hero section (the most important part of the website).
done
Great. 👍
Step 21 — Set the Container Width (Important for Design)
Right now the content area may look too narrow. We want a modern wide layout but still readable.
Do this:
Go to Appearance
Click Customize
Click Layout
Click Container
Set:
Container Width → 1200
Leave the content padding as default for now.
Then click Publish.
Why 1200?
looks good on large screens
still readable on laptops
prevents text from stretching too wide
Most modern websites use 1100–1300px.
✅ Do this step and tell me “Step 21 done.”
Next we will start the first section of your homepage (Hero section) which is the most important conversion area of the website.
confusion
No problem — let’s slow down. 👍
You don’t need to change anything complicated
Uploaded image
I see the confusion. You're already in the correct place.
Two settings are visible in your screenshot. Just set them like this:
1️⃣ Container Width
Leave it at:
1200 px
That part is already correct.
2️⃣ Content Layout
Choose:
Separate Containers
NOT One Container.
Separate Containers is better because:
cleaner design
better spacing between sections
easier to style later
Final settings should be:
Container Width → 1200
Content Layout → Separate Containers
Then click Publish.
After publishing, tell me “Step 21 done.”
Next we will do one very small step to make the site look more modern.
container alignement
Good you asked — this is the last setting in this section.
Container Alignment
Set it to:
Center
Why?
keeps content balanced on large screens
looks professional
prevents content sticking to the left side
Most professional websites use center alignment.
Final settings for this screen should be
Container Width → 1200 px
Content Layout → Separate Containers
Container Alignment → Center
Then click Publish.
✅ After publishing, tell me “Step 21 done.”
Next we will do Step 22 — making the header look more premium (very quick).
Uploaded image
Good screenshot — this is where the confusion came from.
In GeneratePress, “Container Alignment” does not mean left/center/right.
It means how the container behaves visually.
Choose this:
Container Alignment → Text
So your final settings should be:
Container Width → 1200 px
Content Layout → Separate Containers
Container Alignment → Text
Then click Publish.
Why “Text”?
Keeps the layout clean and centered
Best for content-focused websites
Recommended by GeneratePress for blogs and service sites
“Boxes” is mostly used for boxed layouts, which we don't want.
✅ After you click Publish, tell me “Step 21 done.”
Then we will do Step 22 — a very small header improvement (takes 30 seconds).
done
Perfect 👍
Step 22 — Reduce the Header Height (Cleaner Look)
Right now the header may look a little tall. We will make it compact and modern.
Do this:
Go to Appearance
Click Customize
Click Layout
Click Primary Navigation
Find:
Navigation Height
Set it around:
60 px
Then click Publish.
Why this helps
makes the header sleeker
gives more space for content
improves mobile experience
Most modern websites use 55–65 px navigation height.
✅ Do this and tell me “Step 22 done.”
Next we will do Step 23 — a tiny but powerful setting that makes the website feel faster.
Uploaded image
You are in the correct screen, but I asked the wrong place earlier. Good you showed the screenshot. 👍
There is no Navigation Height setting in GeneratePress free, so we will not change anything here.
Leave these settings as they are:
Navigation Location → Float Right
Navigation Dropdown → Hover
Dropdown Direction → Right
Do not change Navigation Drop Point either.
So for this step:
✅ Do nothing here.
You can simply exit the Customizer.
Step 22 (Corrected) — Set the Favicon
This is the small icon that appears in browser tabs.
Example:
🦷 fullmouthimplantsindia.com
Do this:
Go to Appearance
Click Customize
Click Site Identity
Find:
Site Icon
Upload the implant icon only (the small symbol you showed earlier).
Recommended size:
512 × 512 px
PNG
WordPress will automatically create smaller sizes.
Use this image
Use the implant symbol inside the star shape, not the full logo.
After uploading click Publish.
✅ Tell me “Favicon done.”
Next we will start the first real design section of the homepage. This is where your implant authority positioning begins.
Uploaded image
done
Perfect 👍 — that is exactly correct.
Your favicon (site icon) is now working.
Visitors will see that icon in:
browser tabs
bookmarks
mobile shortcuts
This is a small trust signal, but very important for branding.
✅ Step complete.
Step 23 — Check the Homepage
Now we do a very simple check.
Open your website in a new browser tab:
fullmouthimplantsindia.com
Look for three things:
1️⃣ Logo visible in header
2️⃣ Menu showing (Home, Full Mouth Dental Implants, etc.)
3️⃣ Page looks clean with no sidebar
Tell me what you see
Reply with one of these:
A — Looks clean and empty (this is normal)
B — Something looks broken
C — Menu or logo not visible
Then I will guide the next step to build the homepage hero section, which is the most important conversion part of the website.
Uploaded image
very bad
You’re right — it looks bad, but don’t worry. Nothing is broken.
It looks like this because we haven’t styled anything yet.
Two small things are causing the messy look:
1️⃣ Menu wrapping into two lines
2️⃣ Site title showing next to logo
We will fix one thing now.
Step 24 — Remove the Site Title from the Header
Right now it shows:
[logo] Full Mouth Implants India
That is why the header looks crowded.
Do this
Go to Appearance
Click Customize
Click Site Identity
Find:
Display Site Title
❌ Uncheck it
Then click:
Publish
Now the header will show only the logo, which looks much cleaner.
After doing this, refresh the site and tell me:
Does it look better?
Next we will fix the menu layout so it looks professional.
yes
Good 👍 — that was the first visual fix.
Now we fix the second problem: the menu breaking into two lines.
Step 25 — Shorten the Menu Labels
Right now the menu items are too long, so they wrap to a second line.
Example:
Full Mouth Dental Implants Cost in India
That is too long for the navigation bar.
We will shorten them.
Do this
Go to Appearance
Click Menus
Open Main Menu
Now change these Navigation Labels:
Current Change To
Full Mouth Dental Implants Full Mouth Implants
All-on-4 Dental Implants All-on-4
Full Mouth Dental Implants Cost in India Implant Cost
International Patients International
Dr Jyoti Singh Dr Jyoti
Leave:
Home
Contact
as they are.
Then click Save Menu.
Menu should look like this
Home
Full Mouth Implants
All-on-4
Implant Cost
International
Dr Jyoti
Contact
Now refresh the website.
Tell me:
Is the menu now on one line?
Uploaded image
Yes — this is much better now. 👍
Header is now clean and readable.
Small observations:
✔ Logo looks good
✔ Menu is on one line
✔ Layout spacing looks fine
✔ No sidebar (correct)
So the structure is now healthy.
Now we start the real website building.
Step 26 — Edit the Home Page
We will start building the homepage.
Do this
Go to your homepage
In the top bar click:
Edit Page
or
Go to:
Pages → Home → Edit
When the editor opens
You will see something like:
Home
Delete that text.
So the page becomes completely empty.
Then click:
Update
This prepares the homepage so we can design sections properly.
After doing this tell me:
“Home page cleared.”
Next we will create the most important section of the whole website — the Hero section (this is where patients decide whether to stay or leave).
“Home page cleared now wait
Perfect. 👍
Good call to pause.
Your foundation is now correctly set:
WordPress installed
GeneratePress configured
Plugins minimal and clean
Menu working
Logo + favicon set
Core pages created
Homepage cleared and ready
Nothing is broken, and you avoided the typical WordPress mistakes (too many plugins, heavy theme, bad structure).
When you’re ready, the next step will be:
Building the Hero Section of the homepage — the part that will immediately tell international patients:
what treatment you offer
why India
why your clinic
why they should trust you
We’ll do that very slowly, one step at a time, just like before.
this chat window in the project serves only the Technical part of the website and not content hence paused
just wait for my next input
Understood. 👍
This thread will remain focused only on the technical setup of the website (WordPress, hosting, performance, layout, plugins, structure).
We will not work on content or copy here.
Current technical status (for reference):
Domain connected
WordPress installed
GeneratePress theme active
Minimal plugin stack configured
Permalinks set
Search indexing temporarily disabled
Core pages created
Menu created
Logo and favicon set
LiteSpeed cache configured
Layout adjusted (no sidebar, 1200px container)
Homepage cleared and ready
Everything is technically clean and stable at this stage.
I’ll wait for your next instruction before proceeding.
I plant to use dark navy and that implant accent color
Good decision. 👍
For a medical implant website, a dark navy base + implant accent color works very well. It looks:
clinical
premium
trustworthy (important for international patients)
We will just define the colors technically so you can reuse them everywhere later.
Step 27 — Fix the Website Color Palette
Use only three main colors on the whole site.
1️⃣ Primary Color (Background / Header)
Use Dark Navy
#0B1F33
Why:
medical authority feel
high contrast with white
widely used in hospital branding
2️⃣ Implant Accent Color
Use the implant color you already standardized:
#43E8D8
Use this for:
buttons
highlights
links
section accents
This color will become the signature implant color.
3️⃣ Content Background
Use White
#FFFFFF
White improves:
readability
trust
medical cleanliness perception
Final Website Palette
Dark Navy #0B1F33
Implant Cyan #43E8D8
White #FFFFFF
Optional support color:
Light Gray #F4F7FA
(for section separation)
Why This Works
Most premium medical websites use:
dark professional base
one medical accent
white content areas
It avoids the cheap clinic website look.
When you are ready, the next technical step will be:
Setting these colors globally in GeneratePress Customizer so the entire site automatically follows the palette.
Just tell me “Set colors.” and we will do that.
set color
Good. We will set the global colors so the whole site follows your palette automatically.
Do only these small steps.
Step 28 — Set the Global Colors
1️⃣ Open the Customizer
Go to:
Appearance → Customize
Then click:
Colors
2️⃣ Set the Header Background
Open:
Header
Set:
Header Background Color → #0B1F33
This will make the top header dark navy.
3️⃣ Set Navigation Text Color
Still in the Navigation section, set:
Navigation Text → #FFFFFF
Menu items will become white.
4️⃣ Set Navigation Hover Color
Set:
Navigation Hover → #43E8D8
When someone moves the mouse over menu items, they turn implant cyan.
5️⃣ Set Link Color
Go to:
Content → Links
Set:
Link Color → #43E8D8
This makes links use your implant accent color.
After finishing
Click:
Publish
Refresh your website and check:
✔ Header dark navy
✔ Menu text white
✔ Hover color cyan
Then tell me:
“Color step done.”
Next technical step will be very important for visual quality: fixing the header spacing and logo size.
I want a have a customize navigation bar not this plain zain thing
Good instinct. 👍
You are right — the default GeneratePress navigation looks plain. For a high-ticket implant website, the header should look premium and intentional, not like a default blog.
But instead of installing a heavy header builder plugin, we will do this cleanly with CSS using WPCode (fast + no extra plugins).
First let’s decide what kind of navigation you want. There are three professional styles used by medical implant clinics.
Option 1 — Clean Medical Header (Recommended)
Minimal and premium.
Layout:
[Logo] Home Full Mouth All-on-4 Cost International Dr Jyoti [Contact Button]
Features:
dark navy bar
white text
cyan hover
“Contact / Consultation” button on right
thin and elegant
Very common on premium clinic websites.
Option 2 — Floating Navigation Bar
Navigation floats slightly above the page.
Looks like:
┌───────────────────────────────┐
│ Logo Menu Menu Menu Book │
└───────────────────────────────┘
Features:
rounded corners
shadow
modern look
But slightly more CSS work.
Option 3 — Two-Layer Medical Header
Top Bar: WhatsApp | Phone | International Patients
----------------------------------------------------
Main Bar: Logo Menu Menu Menu Menu
Very common on hospital websites.
But takes more design work.
My Recommendation for Your Project
For fullmouthimplantsindia.com, the best is:
Option 1 — Clean Premium Header
Why:
faster
minimal
high trust
mobile friendly
matches international medical sites
Example Layout We Will Build
Dark Navy Header
────────────────────────────────────
[LOGO] Home Full Mouth All-on-4 Cost International Dr Jyoti [Consultation]
Button color:
#43E8D8
Before I guide the technical step, one quick decision:
Do you want the right-side button to say:
A
Book Consultation
B
Free Implant Consultation
C
Contact Us
Reply with A / B / C and we will build the custom navigation properly without slowing the website.
Uploaded image
this is what i want sticky https://eliankent.framer.website/ like on this website
Got it. That example is a sticky minimalist header. Good choice — it’s modern and works well for premium services.
We will not install any plugin. We’ll achieve it with 1 small CSS rule so the header stays visible while scrolling.
Do only this one step now.
Step 29 — Make the Navigation Bar Sticky
Go to WPCode
Click + Add Snippet
Choose Add Your Custom Code (New Snippet)
Select CSS Snippet
Name it:
Sticky Navigation
Paste this code:
.main-navigation,
.site-header {
position: sticky;
top: 0;
z-index: 9999;
}
Then:
Location: Site Wide Header
Status: Active
Click Save Snippet
What this will do
Your header will now:
stay at the top while scrolling
behave like the example site
work on desktop and mobile
add zero page weight
Test it
Open your site and scroll down.
The header should stick to the top.
Reply with:
“Sticky working”
Then we’ll do the next improvement: making the header look premium (thin + smooth hover + proper spacing) so it visually matches the example you shared.
sticky not working althugh there is no content so for scroll i had to smal the window but its not working
Good catch — the reason it’s not working is simple.
Your header in GeneratePress is not .main-navigation alone.
We need to target the correct wrapper element.
Let’s fix it with one corrected CSS rule.
Step 29 (Fix) — Proper Sticky Header
Go back to WPCode → Sticky Navigation snippet and replace the code with this:
.site-header {
position: sticky;
top: 0;
z-index: 9999;
background: #0B1F33;
}
Then click:
Save Snippet
Important
Because your page is still empty, you cannot properly test scrolling.
So for testing:
Open Home → Edit Page
Add 3–4 paragraph blocks (just type random text)
Click Update
Refresh the site
Scroll
The header should now stay fixed at the top.
If it still doesn't stick, tell me and we will use the GeneratePress native sticky header method, which works 100%.
After we confirm sticky works, the next technical step will be making the header look premium like the site you shared (spacing, hover effect, CTA button).
not working
Good — thank you for testing. The issue is not your CSS, it is how WPCode loads CSS. Sticky headers must be applied in the theme stylesheet, not injected in the header.
We will fix it the correct GeneratePress way.
Do this single step.
Step 29 — Add Sticky Header CSS (Correct Place)
Go to
Appearance → Customize
Click
Additional CSS
Paste this code:
.site-header {
position: sticky;
top: 0;
z-index: 1000;
}
.main-navigation {
position: sticky;
top: 0;
z-index: 1000;
}
Click
Publish
Now Test
Because the homepage is empty, add temporary text again:
Edit Home page
Paste random text several times
Update
Scroll the page
The header should now stick to the top.
Tell me:
“Sticky working”
Then we will do the next technical improvement that will make the navigation look much closer to the website you showed (modern spacing + CTA button).
sorry
I need not put custom css because it worked with .site-header {
position: sticky;
top: 0;
z-index: 9999;
background: #0B1F33;
}
code earlier i had not activated it
Perfect — and good debugging on your side 👍
Yes, your CSS is correct:
.site-header {
position: sticky;
top: 0;
z-index: 9999;
background: #0B1F33;
}
What happened earlier was simply that the WPCode snippet was not activated, so the CSS never executed. Once activated, the header becomes sticky exactly as intended.
So technically now:
✅ Sticky navigation working
✅ Dark navy header preserved during scroll
✅ No extra plugins used
✅ Zero performance cost
That is the right implementation.
Small Technical Improvement (Optional but Recommended)
Add this extra line so the header does not create a jump during scroll on some browsers.
Update the CSS to:
.site-header {
position: sticky;
top: 0;
z-index: 9999;
background: #0B1F33;
transition: all 0.25s ease;
}
This just adds smoothness when scrolling.
Technical Status Now
Your header system is already stronger than most WordPress clinics because:
no sticky plugin
no page builder header
pure CSS
lightweight theme
Exactly the performance-first approach we wanted.
I’ll wait for your next technical instruction for the site.
Uploaded image
Good screenshot — I see two technical issues immediately.
Nothing serious, just cleanup.
Issue 1 — #12 (no title) in the Menu
That means WordPress added a menu item with no label.
Fix
Go to
Appearance → Menus
In Main Menu look for the item:
#12 (no title)
Either:
Delete it, OR
Change Navigation Label → Home
Then click:
Save Menu
Issue 2 — White Box Behind Navigation
That white box is the default GeneratePress navigation background.
Since your header is dark navy, we should make the menu transparent so it blends nicely.
Add this CSS (update your existing snippet)
.site-header {
position: sticky;
top: 0;
z-index: 9999;
background: #0B1F33;
}
.main-navigation {
background: transparent;
}
Result After Fix
Your header will look like:
[Logo] Full Mouth All-on-4 Cost International Contact Dr Jyoti
on a clean dark navy background.
No white box.
Much more premium.
One More Thing I Recommend (Important)
Later we will also:
increase menu spacing
adjust logo alignment
add a CTA button
That will make the header look close to the example site you showed.
Reply when:
Menu fixed
Then we will fix the header spacing and alignment (this will improve the design significantly).
ok fixed but the menu strip is too broad
text is not white its black so not see and we want logo in corner menu in middle and whatsapp button and call +91 9871631066 on one side
Good — now we fix all three issues in one clean step:
Navigation bar too tall
Menu text not visible
Layout: logo left → menu center → contact right
We will solve this with one CSS block.
Step — Improve Navigation Layout
Update your existing CSS snippet to this:
.site-header {
position: sticky;
top: 0;
z-index: 9999;
background: #0B1F33;
}
/* Reduce header height */
.main-navigation {
background: transparent;
padding: 8px 0;
}
/* Menu text color */
.main-navigation a {
color: #ffffff !important;
font-weight: 500;
}
/* Hover color */
.main-navigation a:hover {
color: #43E8D8 !important;
}
/* Center menu */
.main-navigation .main-nav ul {
justify-content: center;
}
/* Logo alignment */
.site-logo {
margin-right: auto;
}
Save the snippet.
What this fixes
✔ Header height becomes slimmer
✔ Menu text becomes white
✔ Hover becomes implant cyan
✔ Navigation centered
Next Step (after you confirm)
We will then add the right-side contact section:
WhatsApp | +91 9871631066
or a WhatsApp button + Call button.
That requires a small header hook, which GeneratePress supports very cleanly.
Tell me when this looks better.
✔ Header height becomes slimmer - NO
✔ Menu text becomes white yes
✔ Hover becomes implant cyan yes
✔ Navigation centered yes
can we do this that on load it regular white background on scroll transforms dark navy (should be somwheat transparent)
Yes, we can do that — and it will actually make the header look much more premium.
What you want is called a “scroll transform header”:
• On page load → light / white header
• When scrolling → dark navy semi-transparent sticky header
This is common on modern sites and will also fix the header height problem because we will control padding.
We’ll do it without plugins, just CSS + a tiny JS snippet.
Step 1 — Update the Header CSS
Replace your current CSS with this:
.site-header{
position: fixed;
top:0;
width:100%;
z-index:9999;
background: rgba(255,255,255,0.95);
transition: all 0.35s ease;
}
/* menu text when page loads */
.main-navigation a{
color:#0B1F33 !important;
}
/* header after scrolling */
.site-header.scrolled{
background: rgba(11,31,51,0.92);
backdrop-filter: blur(8px);
}
/* menu text when scrolled */
.site-header.scrolled .main-navigation a{
color:#ffffff !important;
}
/* hover color */
.main-navigation a:hover{
color:#43E8D8 !important;
}
/* reduce header height */
.main-navigation{
padding:6px 0;
}
Save.
Step 2 — Add the Scroll Script
Go to WPCode → Add Snippet → JavaScript
Name it:
Header Scroll Effect
Paste this:
document.addEventListener("scroll", function() {
const header = document.querySelector(".site-header");
if (window.scrollY > 60) {
header.classList.add(“scrolled”);
} else {
header.classList.remove(“scrolled”);
}
});
Activate the snippet.
What will happen now
When page loads:
white header
dark text
When user scrolls:
semi-transparent dark navy header
white menu
blur glass effect
It will look much closer to the modern site you showed.
Next Technical Step After This
Then we will add the right side contact block:
WhatsApp button
+91 9871631066
and align:
Logo | Center Menu | Contact buttons
which will make the header fully professional.
Test the scroll effect and tell me if it works.
so many issues
✨ Optimize Prompt