Use these options to specify the Page Attributes and add the SEO Properties for each Page separately.
Open Page Settings
You can open the Page Settings Dialog from the Property Panel.
Apply the following settings to a Page you are editing.
General Tab
Use this tab to change the Page Name. It is the name of the Page that will be used as the page URL.
Make Homepage
To perform this operation, click the "Make Homepage" button in the General Tab.
Page Background In Page Settings
We have added the link to the Page Background into the Page Settings.
After you click the button, the arrow with a hint will point you to the Page Background on the Property Panel.
SEO
Use the SEO Tab to add the Title used in your page's
tag and display it in the browser tab's page name. Also, add the <meta> tags to improve your SEO. Keywords will be added to the <meta name="keywords"> tag. Description tags will be included in the <meta name="description"> tag. </p>
<p>Separate tags with a comma.</p>
<div class="use-lightbox" style="display: inline-block"><img class="lazyload" data-src="https://resources.nicepage.com/357/136357/page-settings-seo.png" alt="page-settings-seo.png" /></div>
<h2 id="social-share">Social Share</h2>
<p>Use this tab to add the Social Share data. </p>
<div class="use-lightbox" style="display: inline-block"><img class="lazyload" data-src="https://resources.nicepage.com/356/136356/page-settings-social.png" alt="page-settings-social.png" /></div>
<h2 id="additional-html">Additional HTML</h2>
<p>The page code's <head> section can include additional HEAD HTML. That may be a script or a link to the external stylesheet, or whatever, that can be added to the <head> tag. </p>
<div class="use-lightbox" style="display: inline-block"><img class="lazyload" data-src="https://resources.nicepage.com/355/136355/page-settings-html.png" alt="page-settings-html.png" /></div>
<h2 id="additional-css">Additional CSS</h2>
<p>Use the CSS Tab to add the custom CSS code exported to the CSS file. </p>
<div class="use-lightbox" style="display: inline-block"><img class="lazyload" data-src="https://resources.nicepage.com/354/136354/page-settings-css.png" alt="page-settings-css.png" /></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sticky">
<div class=" sidebar-container col-widgets">
<div class="row">
<div class="col-md-12">
<h3>In this article</h3>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div>
<ul class="doc-article-list doc-waypoint-list">
<li class="doc-waypoint-item" data-id="open-page-settings">
<a href="#open-page-settings">Open Page Settings</a>
</li>
<li class="doc-waypoint-item" data-id="general-tab">
<a href="#general-tab">General Tab</a>
</li>
<li class="doc-waypoint-item" data-id="seo">
<a href="#seo">SEO</a>
</li>
<li class="doc-waypoint-item" data-id="social-share">
<a href="#social-share">Social Share</a>
</li>
<li class="doc-waypoint-item" data-id="additional-html">
<a href="#additional-html">Additional HTML</a>
</li>
<li class="doc-waypoint-item" data-id="additional-css">
<a href="#additional-css">Additional CSS</a>
</li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h3><a class="doc-category-caption" href="/doc/c/desktop-online">Desktop & Online</a></h3>
</div>
</div>
<div class="row">
<div class="col-md-12">
<ul class="doc-article-list">
<li>
<a href="/doc/130924/start-application" class="">
<svg id="icon-document" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<path fill="#4184F4" d="M15,1v14H1V1 M16,0H0v16h16V0L16,0z"/>
<path fill="#4184F4" d="M13,4H3v1h10V4L13,4z"/>
<path fill="#4184F4" d="M13,7H3v1h10V7L13,7z"/>
<path fill="#4184F4" d="M10,10H3v1h7V10L10,10z"/>
</svg>
Desktop Application
</a>
</li>
<li>
<a href="/doc/67063/install-windows-app" class="">
<svg id="icon-video" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<path fill="#4184F4" d="M15,1v14H1V1 M16,0H0v16h16V0L16,0z"/>
<path fill="#4184F4" d="M5,4.6v6.9C5,12,5.5,12.2,5.9,12l5.8-3.4c0.3-0.2,0.3-0.7,0-0.9L5.9,4.1C5.5,3.8,5,4.1,5,4.6z"/>
</svg>
Install Windows App
</a>
</li>
<li>
<a href="/doc/67064/install-mac-os-app" class="">
<svg id="icon-video" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<path fill="#4184F4" d="M15,1v14H1V1 M16,0H0v16h16V0L16,0z"/>
<path fill="#4184F4" d="M5,4.6v6.9C5,12,5.5,12.2,5.9,12l5.8-3.4c0.3-0.2,0.3-0.7,0-0.9L5.9,4.1C5.5,3.8,5,4.1,5,4.6z"/>
</svg>
Install Mac OS App
</a>
</li>
<li>
<a href="/doc/2446/quick-start-with-apps" class="">
<svg id="icon-video" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<path fill="#4184F4" d="M15,1v14H1V1 M16,0H0v16h16V0L16,0z"/>
<path fill="#4184F4" d="M5,4.6v6.9C5,12,5.5,12.2,5.9,12l5.8-3.4c0.3-0.2,0.3-0.7,0-0.9L5.9,4.1C5.5,3.8,5,4.1,5,4.6z"/>
</svg>
Quick Start With Apps
</a>
</li>
<li>
<a href="/doc/1316/start-online-builder" class="">
<svg id="icon-video" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<path fill="#4184F4" d="M15,1v14H1V1 M16,0H0v16h16V0L16,0z"/>
<path fill="#4184F4" d="M5,4.6v6.9C5,12,5.5,12.2,5.9,12l5.8-3.4c0.3-0.2,0.3-0.7,0-0.9L5.9,4.1C5.5,3.8,5,4.1,5,4.6z"/>
</svg>
Start Online Builder
</a>
</li>
<li>
<a href="/doc/567601/new-site-dialog" class="">
<svg id="icon-document" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<path fill="#4184F4" d="M15,1v14H1V1 M16,0H0v16h16V0L16,0z"/>
<path fill="#4184F4" d="M13,4H3v1h10V4L13,4z"/>
<path fill="#4184F4" d="M13,7H3v1h10V7L13,7z"/>
<path fill="#4184F4" d="M10,10H3v1h7V10L10,10z"/>
</svg>
New Site Dialog
</a>
</li>
<li>
<a href="/doc/1131/user-interface" class="">
<svg id="icon-document" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<path fill="#4184F4" d="M15,1v14H1V1 M16,0H0v16h16V0L16,0z"/>
<path fill="#4184F4" d="M13,4H3v1h10V4L13,4z"/>
<path fill="#4184F4" d="M13,7H3v1h10V7L13,7z"/>
<path fill="#4184F4" d="M10,10H3v1h7V10L10,10z"/>
</svg>
User Interface
</a>
</li>
<li>
<a href="/doc/47999/keyboard-shortcuts" class="">
<svg id="icon-document" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<path fill="#4184F4" d="M15,1v14H1V1 M16,0H0v16h16V0L16,0z"/>
<path fill="#4184F4" d="M13,4H3v1h10V4L13,4z"/>
<path fill="#4184F4" d="M13,7H3v1h10V7L13,7z"/>
<path fill="#4184F4" d="M10,10H3v1h7V10L10,10z"/>
</svg>
Keyboard Shortcuts
</a>
</li>
<li>
<a href="/doc/257101/publish-sites" class="">
<svg id="icon-document" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<path fill="#4184F4" d="M15,1v14H1V1 M16,0H0v16h16V0L16,0z"/>
<path fill="#4184F4" d="M13,4H3v1h10V4L13,4z"/>
<path fill="#4184F4" d="M13,7H3v1h10V7L13,7z"/>
<path fill="#4184F4" d="M10,10H3v1h7V10L10,10z"/>
</svg>
Publish Sites
</a>
</li>
<li>
<a href="/doc/472898/add-panel" class="">
<svg id="icon-document" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<path fill="#4184F4" d="M15,1v14H1V1 M16,0H0v16h16V0L16,0z"/>
<path fill="#4184F4" d="M13,4H3v1h10V4L13,4z"/>
<path fill="#4184F4" d="M13,7H3v1h10V7L13,7z"/>
<path fill="#4184F4" d="M10,10H3v1h7V10L10,10z"/>
</svg>
Add Panel
</a>
</li>
<li>
<a href="/doc/187967/quick-access" class="">
<svg id="icon-document" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<path fill="#4184F4" d="M15,1v14H1V1 M16,0H0v16h16V0L16,0z"/>
<path fill="#4184F4" d="M13,4H3v1h10V4L13,4z"/>
<path fill="#4184F4" d="M13,7H3v1h10V7L13,7z"/>
<path fill="#4184F4" d="M10,10H3v1h7V10L10,10z"/>
</svg>
Quick Access Pane
</a>
</li>
<li><a href="/doc/c/desktop-online">show more »</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</article>
<script>
document.addEventListener("DOMContentLoaded", function () {
var loadingTime = new Date();
var timeoutMsec = 3 * 1000;
var longTimeoutMsec = 10 * 1000;
var imgNode = "<img src='//static.nicepage.com/images/social/icont-attention.png'/>";
var calculateScrollPercents = function() {
var s = $(window).scrollTop(),
d = $(document).height(),
c = $(window).height();
var scrollPercent = (s / (d - c)) * 100;
return scrollPercent;
};
var showStickyFooter = function () {
if (calculateScrollPercents() > 20 && !$('.subscribe-modal').hasClass('show')) {
$('.subscribe-modal').addClass('show');
}
};
var isEmail = function(email) {
var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
return regex.test(email);
};
var hideTooltip = function () {
var emailInput = $('.email-input');
if (emailInput.data('ui-tooltip')) {//if tooltip has been initialized
emailInput.tooltip('option', 'content', '').tooltip('close').tooltip('disable');
}
}
var timerId = null;
var hasScrollbar = document.body.scrollHeight > document.body.clientHeight;
if (!hasScrollbar) {
timerId = setTimeout(function () {
$('.subscribe-modal').addClass('show');
clearTimeout(timerId);
timerId = null;
}, longTimeoutMsec);
}
var emailInput = $('.email-input');
emailInput.attr("title", " ");
emailInput
.tooltip({ tooltipClass: 'top', position: { my: 'left top+10', at: 'left bottom' } })
.tooltip("disable")
.on('mouseout focusout', function (event) { event.stopImmediatePropagation(); })
.on('input', hideTooltip);
$('.subscribe-close').on('click', function () {
$('.subscribe-modal').removeClass('show');
$.cookie("HideStickyFooter", 1, { expires: 180 });
});
$('.subscribe-btn').on('click', function (e) {
e.preventDefault();
$('.error').hide();
var email = $('.email-input').val();
if (!isEmail(email)) {
var tooltipContent = 'Enter a valid email address';
$('.email-input')
.tooltip('option', 'content', imgNode + "<span style='margin-left: 10px;'>" + tooltipContent + '</span>')
.tooltip('enable')
.tooltip('open');
return;
}
$('#subscribe-form').submit();
});
$(window).on('scroll', function() {
if ($.cookie("HideStickyFooter"))
return;
hideTooltip();
var currentTime = new Date();
if (currentTime.getTime() - loadingTime.getTime() > timeoutMsec) {
if (!timerId) showStickyFooter();
} else if (!timerId) {
timerId = setTimeout(function () {
showStickyFooter();
clearTimeout(timerId);
timerId = null;
},
timeoutMsec - (currentTime - loadingTime));
}
if (calculateScrollPercents() < 20 && $('.subscribe-modal').hasClass('show')) {
$('.subscribe-modal').removeClass('show');
if (timerId) {
clearTimeout(timerId);
timerId = null;
}
}
});
});
</script>
<div class="subscribe-modal" data-backdrop="false">
<button type="button" class="subscribe-close"></button>
<div class="content subscribe-form-holder">
<h1>Join Us</h1>
<p>Get free website builder. Easy drag-and-drop.<br/> Choose from 15,000+ Templates.</p>
<form method="post" id="subscribe-form" action="/Editor/Account/RegisterByEmail?returnUrl=%2Fdoc%2F4579%2Fpage-settings&source=Article">
<input class="email-input" type="text" name="email" placeholder="Enter your email address">
<input class="subscribe-btn" type="submit" value="Join">
</form>
</div>
<div class="subscribe-success">
<div class="content">
<h2>Thanks for subscribing!</h2>
</div>
</div>
</div>
</section>
<div id="push"></div>
</div>
<div class="footer">
<div class="footer-top">
<div class="container">
<style>
.footer-top a {
color: #ddd !important;
font-size: 16px;
}
.footer-top .column-cap {
font-weight: 600;
color: #fff;
text-transform: uppercase;
margin: 0 0 5px;
line-height: 54px;
text-decoration: none;
font-size: 18px;
}
.footer-top .column-cap a {
color: #fff !important;
font-size: 18px;
}
</style>
<div class="row">
<div class="col-md-2 col-sm-6 col-xs-12">
<div class="column-cap">Company</div>
<ul>
<li><a href="/terms">Terms of Use</a></li>
<li><a href="/privacy">Privacy Policy</a></li>
<li><a href="/agreement">License Agreement</a></li>
<li><a href="/about">About Us</a></li>
<li><a href="/partners">Partners</a></li>
<li><a href="/abuse">Abuse</a></li>
<li><a href="/Forum/Topic/Create">Contact Support</a></li>
</ul>
</div>
<div class="col-md-2 col-sm-6 col-xs-12">
<div class="column-cap">Product</div>
<ul>
<li><a href="/doc/frequently-asked-questions-16656">FAQ</a></li>
<li><a href="/download">Download</a></li>
<li><a href="/features">400+ Features</a></li>
<li><a href="/affiliates">Affiliate Program</a></li>
<li><a href="/doc">Documentation</a></li>
<li><a href="/forum">Forum</a></li>
<li><a href="/blog">Blog</a></li>
</ul>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="column-cap"><a href="/templates">Themes & Templates</a></div>
<ul>
<li><a href="/website-templates">Website Templates</a></li>
<li><a href="/wordpress-themes">WordPress Themes</a></li>
<li><a href="/html-templates">HTML Templates</a></li>
<li><a href="/css-templates">CSS Templates</a></li>
<li><a href="/joomla-templates">Joomla Templates</a></li>
<li><a href="/html5-template">HTML5 Templates</a></li>
<li><a href="/one-page-template">One Page Templates</a></li>
</ul>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="column-cap">Nicepage</div>
<ul>
<li><a href="/website-builder">Website Builder</a></li>
<li><a href="/html-website-builder">HTML Website Builder</a></li>
<li><a href="/wordpress-website-builder">WordPress Website Builder</a></li>
<li><a href="/joomla-page-builder">Joomla Page Builder</a></li>
<li><a href="/wysiwyg-html-editor">WYSIWYG HTML Editor</a></li>
<li><a href="/static-site-generator">Static Site Generator</a></li>
<li><a href="/html-code">HTML Code Generator</a></li>
</ul>
</div>
<div class="col-md-2 col-sm-6 col-xs-12">
<div class="column-cap">Web Design</div>
<ul>
<li><a href="/website-design">Website Designs</a></li>
<li><a href="/web-page-design">Web Page Designs</a></li>
<li><a href="/landing-page">Landing Pages</a></li>
<li><a href="/homepage-design">Homepage Designs</a></li>
<li><a href="/website-mockup">Website Mockup</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="row">
<div id="footer-links" class="footer-inline col-sm-12 pull-right">
<div style="white-space: nowrap; float: left; text-align: left;">
<div class="row">
<div class="col-sm-3">
<a href="https://facebook.com/nicepageapp" rel="noreferrer" target="_blank" aria-label="Facebook">
<svg x="0px" y="0px" viewBox="0 0 112.2 112.2" style="width: 24px;">
<circle fill="#3B5998" cx="56.1" cy="56.1" r="55"></circle>
<path fill="#FFFFFF" d="M73.5,31.6h-9.1c-1.4,0-3.6,0.8-3.6,3.9v8.5h12.6L72,58.3H60.8v40.8H43.9V58.3h-8V43.9h8v-9.2
c0-6.7,3.1-17,17-17h12.5v13.9H73.5z"></path>
</svg>
</a>
</div>
<div class="col-sm-3">
<a href="https://youtube.com/nicepage?sub_confirmation=1" rel="noreferrer" target="_blank" aria-label="Youtube">
<svg x="0px" y="0px" viewBox="0 0 112.2 112.2" style="width: 24px;">
<circle fill="#D22215" cx="56.1" cy="56.1" r="55"></circle>
<path fill="#FFFFFF" d="M74.9,33.3H37.3c-7.4,0-13.4,6-13.4,13.4v18.8c0,7.4,6,13.4,13.4,13.4h37.6c7.4,0,13.4-6,13.4-13.4V46.7
C88.3,39.3,82.3,33.3,74.9,33.3L74.9,33.3z M65.9,57l-17.6,8.4c-0.5,0.2-1-0.1-1-0.6V47.5c0-0.5,0.6-0.9,1-0.6l17.6,8.9
C66.4,56,66.4,56.8,65.9,57L65.9,57z"></path>
</svg>
</a>
</div>
<div class="col-sm-3">
<a href="https://x.com/NicepageApp" rel="noreferrer" target="_blank" aria-label="x.com">
<svg x="0px" y="0px" viewBox="0 0 112.2 112.2" style="width: 24px;">
<path fill="#ffffff" d="M56.1,4c28.7,0,52.1,23.4,52.1,52.1s-23.4,52.1-52.1,52.1S4,84.8,4,56.1S27.4,4,56.1,4 M56.1,0C25.1,0,0,25.1,0,56.1
s25.1,56.1,56.1,56.1s56.1-25.1,56.1-56.1S87.1,0,56.1,0L56.1,0z" />
<path fill="#ffffff" d="M63.9,51.6L86.3,28h-8.6L60.3,46.5L46.9,28H24l23.3,32.2L24,85h8.2L51,65.2L65.3,85H88L63.9,51.6z M55.3,60.7l-3.7-5
L35.7,34h8.1l12.3,16.9l3.7,5l16.6,23h-7.8L55.3,60.7z" />
</svg>
</a>
</div>
<div class="col-sm-3">
<a href="https://www.pinterest.com/nicepagecom/pins" rel="noreferrer" target="_blank" aria-label="Pinterest">
<svg x="0px" y="0px" viewBox="0 0 112.2 112.2" style="width: 24px;">
<circle fill="#CB2027" cx="56.1" cy="56.1" r="55"></circle>
<path fill="#FFFFFF" d="M61.1,76.9c-4.7-0.3-6.7-2.7-10.3-5c-2,10.7-4.6,20.9-11.9,26.2c-2.2-16.1,3.3-28.2,5.9-41
c-4.4-7.5,0.6-22.5,9.9-18.8c11.6,4.6-10,27.8,4.4,30.7C74.2,72,80.3,42.8,71,33.4C57.5,19.6,31.7,33,34.9,52.6
c0.8,4.8,5.8,6.2,2,12.9c-8.7-1.9-11.2-8.8-10.9-17.8C26.5,32.8,39.3,22.5,52.2,21c16.3-1.9,31.6,5.9,33.7,21.2
C88.2,59.5,78.6,78.2,61.1,76.9z"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="copy">© 2026 Nicepage Website Builder Software - All Rights Reserved</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
