1<!DOCTYPE html> 2<html lang="en" class="header-bg-white header-bg-active"> 3<head> 4 <!-- Meta Tag Starts --> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 8 9 <!-- Basic Meta Tags --> 10 <meta name="description" content="Add a blog to your portfolio site. Run multiple blogs, publish media-heavy posts with galleries and video, and keep it all on one platform."> 11 12 13 <!-- Open Graph Meta Tags --> 14 <meta property="og:site_name" content="Pixpa"> 15 <meta property="og:type" content="website"> 16 <meta property="og:url" content="https://www.pixpa.com/start-blog"> 17 <meta property="og:title" content="Blog Website Builder for Creatives | Pixpa"> 18 <meta property="og:description" content="Add a blog to your portfolio site. Run multiple blogs, publish media-heavy posts with galleries and video, and keep it all on one platform."> 19 <meta property="og:image" content="https://px-studioassets.pixpa.com/build-20261009-144057-268/pixpacom/images/pixpa-og.jpeg?v=20260702"> 20 21 <!-- Twitter Meta Tags --> 22 <meta name="twitter:card" content="summary_large_image"> 23 <meta name="twitter:site" content="@pixpa"> 24 <meta name="twitter:title" content="Blog Website Builder for Creatives | Pixpa"> 25 <meta name="twitter:description" content="Add a blog to your portfolio site. Run multiple blogs, publish media-heavy posts with galleries and video, and keep it all on one platform."> 26 <meta name="twitter:image" content="https://px-studioassets.pixpa.com/build-20261009-144057-268/pixpacom/images/pixpa-og.jpeg?v=20260702"> 27 <!--Bing Meta Tags--> 28 <meta name="msvalidate.01" content="3323E5F425D1F07F6A8E06991B7D95E3"> 29 <!-- Pinterest Meta Tags --> 30 <meta name="p:domain_verify" content="08fda97480d1a3937bed0b58a1faeb6d"> 31 <title>Blog Website Builder for Creatives | Pixpa</title> 32 <link rel="shortcut icon" type="image/png" href="https://dvyvvujm9h0uq.cloudfront.net/pixpa-favicon-color.png"> 33 <link rel="canonical" href="https://www.pixpa.com/start-blog"> 34 35 <link rel="preload" fetchpriority="high" href="https://px-studioassets.pixpa.com/build-20261009-144057-268/pixpacom/css/fonts/PlusJakartaSans-VariableFont_wght.woff2?v=f615e613795b89c4" as="font" type="font/woff2" crossorigin="anonymous"> 36 37<link rel="preload" fetchpriority="high" href="https://px-studioassets.pixpa.com/build-20261009-144057-268/pixpacom/css/fonts/InstrumentSerif-Italic.woff2?v=ee9204197b8bf20c" as="font" type="font/woff2" crossorigin="anonymous"> 38 39<style type="text/css"> 40 body { 41 font-family: "Plus Jakarta Sans", sans-serif; 42 font-optical-sizing: auto; 43 } 44 45 @font-face { 46 font-family: 'Plus Jakarta Sans'; 47 src: url('https://px-studioassets.pixpa.com/build-20261009-144057-268/pixpacom/css/fonts/PlusJakartaSans-VariableFont_wght.woff2?v=f615e613795b89c4') format('woff2'); 48 font-weight: 200 800; 49 font-style: normal; 50 font-display: swap; 51 } 52 53 @font-face { 54 font-family: 'Plus Jakarta Sans'; 55 src: url('https://px-studioassets.pixpa.com/build-20261009-144057-268/pixpacom/css/fonts/PlusJakartaSans-Italic-VariableFont_wght.woff2?v=453b12c182227835') format('woff2'); 56 font-weight: 200 800; 57 font-style: italic; 58 font-display: swap; 59 } 60 61 @font-face { 62 font-family: 'Instrument Serif'; 63 src: url('https://px-studioassets.pixpa.com/build-20261009-144057-268/pixpacom/css/fonts/InstrumentSerif-Regular.woff2?v=248cec13e5388196') format('woff2'); 64 font-weight: 400; 65 font-style: normal; 66 font-display: swap; 67 } 68 69 @font-face { 70 font-family: 'Instrument Serif'; 71 src: url('https://px-studioassets.pixpa.com/build-20261009-144057-268/pixpacom/css/fonts/InstrumentSerif-Italic.woff2?v=ee9204197b8bf20c') format('woff2'); 72 font-weight: 400; 73 font-style: italic; 74 font-display: swap; 75 } 76</style> 77
77<script src="https://px-studioassets.pixpa.com/build-20261009-144057-268/pixpacom/compiled/js/pixpa-jquery.js?id=cde2a4690b9ca2357339bee1817e46d7"></script>
vendor: 1 bytes, line 77
77
78<script src="https://px-studioassets.pixpa.com/build-20261009-144057-268/pixpacom/compiled/js/all.js?id=02514c074b03fa067d3a2558747856aa" defer></script>
78 79
80<script> 81 document.addEventListener('click', function (e) { 82 try { 83 var t = e.target.closest('[data-gtm-event]'); 84 if (!t) return; 85 (window.dataLayer = window.dataLayer || []).push({ 86 event: t.dataset.gtmEvent, 87 event_category: t.dataset.gtmCategory, 88 event_action: t.dataset.gtmAction 89 }); 90 } catch (err) { /* silent — never break click handling */ } 91 }); 92</script>
92 93
94<script> 95 (function () { 96 var LOCALES = ['es','fr','de','pt','nl','it','ja','no','pl','ru','sv','tr','da','th','cs','fi','ko','uk','id','ms']; 97 var pathSegs = window.location.pathname.split('/').filter(Boolean); 98 99 // Language: first segment when it is a known locale, else 'en' 100 var lang = (pathSegs.length && LOCALES.indexOf(pathSegs[0]) !== -1) ? pathSegs[0] : 'en'; 101 102 // Page slug: last URL segment after removing locale prefix, hyphens → underscores 103 var slugSegs = pathSegs.slice(); 104 if (slugSegs.length && LOCALES.indexOf(slugSegs[0]) !== -1) slugSegs.shift(); 105 var page = slugSegs.length ? slugSegs[slugSegs.length - 1].replace(/-/g, '_') : 'home'; 106 107 var pageCtaCount = 0; 108 109 function tagSignupLinks() { 110 document.querySelectorAll('a[href*="/signup"]').forEach(function (el) { 111 if (el.getAttribute('data-onb-location')) return; 112 113 el.classList.add('js-onb-cta'); 114 el.setAttribute('data-onb-lang', lang); 115 116 var location; 117 if (el.closest('#header')) { 118 location = (el.classList.contains('mobile-only') || el.closest('.mobile-only')) 119 ? page + '_nav_mobile_top' 120 : page + '_nav_desktop_top'; 121 } else if (el.closest('.mobilemenu-container-wrapper')) { 122 location = page + '_nav_mobile_menu'; 123 } else if (el.closest('footer')) { 124 location = page + '_footer_cta'; 125 } else { 126 pageCtaCount++; 127 location = page + '_cta_' + pageCtaCount; 128 } 129 130 el.setAttribute('data-onb-location', location); 131 }); 132 } 133 134 if (document.readyState === 'loading') { 135 document.addEventListener('DOMContentLoaded', tagSignupLinks); 136 } else { 137 tagSignupLinks(); 138 } 139 })(); 140</script>
140 141
141<script type="application/ld+json" class="notranslate"> 142 { 143 "@context": "https://schema.org", 144 "@graph": [ 145 { 146 "@type": "Organization", 147 "@id": "https://www.pixpa.com/#organization", 148 "name": "Pixpa", 149 "legalName": "Idea Zinc Design LLP", 150 "url": "https://www.pixpa.com/", 151 "logo": { 152 "@type": "ImageObject", 153 "@id": "https://www.pixpa.com/#logo", 154 "url": "https://px-studioassets.pixpa.com/pixpacom/images/pixpa_logo.png", 155 "contentUrl": "https://px-studioassets.pixpa.com/pixpacom/images/pixpa_logo.png", 156 "width": 512, 157 "height": 512, 158 "caption": "Pixpa" 159 }, 160 "image": { "@id": "https://www.pixpa.com/#logo" }, 161 "description": "The portfolio website builder for photographers, artists and designers, with built-in client galleries, a zero-commission store and a blog. One platform to run your creative business, no coding required.", 162 "foundingDate": "2013", 163 "founders": [ { "@type": "Person", "name": "Gurpreet Singh" } ], 164 "address": { "@type": "PostalAddress", "addressLocality": "New Delhi", "addressCountry": "IN" }, 165 "contactPoint": [ 166 { 167 "@type": "ContactPoint", 168 "contactType": "customer support", 169 "email": "[email protected]", 170 "availableLanguage": ["English", "Spanish", "French", "German", "Portuguese", "Dutch", "Italian", "Polish", "Russian"], 171 "areaServed": "Worldwide" 172 }, 173 { 174 "@type": "ContactPoint", 175 "contactType": "sales", 176 "email": "[email protected]", 177 "availableLanguage": "English" 178 } 179 ], 180 "knowsAbout": [ 181 "Portfolio Websites", 182 "Photography Websites", 183 "Client Galleries", 184 "Image Proofing", 185 "E-commerce for Creatives", 186 "Sell Photos Online", 187 "Print Sales for Photographers", 188 "Website Building", 189 "Drag-and-drop Website Design", 190 "Responsive Web Design", 191 "SEO for Portfolios" 192 ], 193 "areaServed": { "@type": "Place", "name": "Worldwide" }, 194 "brand": { "@type": "Brand", "name": "Pixpa" }, 195 "sameAs": [ 196 "https://instagram.com/pixpa", 197 "https://www.facebook.com/pixpa", 198 "https://twitter.com/pixpa", 199 "https://www.linkedin.com/company/pixpa", 200 "https://www.pinterest.com/pixpa", 201 "https://www.youtube.com/@PixpaHQ", 202 "https://www.capterra.com/p/152263/Pixpa/", 203 "https://www.g2.com/products/pixpa/reviews" 204 ] 205 }, 206 { 207 "@type": "WebSite", 208 "@id": "https://www.pixpa.com/#website", 209 "url": "https://www.pixpa.com/", 210 "name": "Pixpa", 211 "alternateName": "Pixpa.com", 212 "description": "The portfolio website builder for photographers, artists and designers. Portfolio website, client galleries and store in one platform.", 213 "publisher": { "@id": "https://www.pixpa.com/#organization" }, 214 "inLanguage": "en" 215 } 216 ] 217 } 218</script>
218 <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> 219<meta name="theme-color" content="#ffffff"> 220<meta name="google-site-verification" content="LXkEPomjwKwXIl2UCp8IPFfxNUcyGpyyHzj9vMyfETo"> 221 222<!-- Google Tag Manager (noscript) --> 223<!-- Google Tag Manager -->
224<script>
vendor: 331 bytes, lines 224-228
224(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 225new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 226j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 227'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 228})(window,document,'script','dataLayer','
228GTM-TCNVDCR
vendor: 3 bytes, line 228
228');
228</script>
228 229<!-- End Google Tag Manager --> 230<!-- Google Tag Manager (noscript) End --> 231 232 233<style type="text/css"> 234 .padding-t0-mobileapp{padding-top: 0px;} 235 .grecaptcha-badge{display: none;} 236</style>
237<script> 238 (function(w){w.fpr=w.fpr||function(){w.fpr.q = w.fpr.q||[];w.fpr.q[arguments[0]=='set'?'unshift':'push'](arguments);};})(window); 239 fpr("init", {cid:"2e1alg3a"}); 240 fpr("click"); 241</script>
vendor: 1 bytes, line 241
241
242<script src="https://cdn.firstpromoter.com/fpr.js" async></script>
242 243 244 245 246<link rel="alternate" href="https://www.pixpa.com/start-blog" hreflang="en"> 247<link rel="alternate" href="https://www.pixpa.com/fr/start-blog" hreflang="fr"> 248<link rel="alternate" href="https://www.pixpa.com/pt/start-blog" hreflang="pt"> 249<link rel="alternate" href="https://www.pixpa.com/it/start-blog" hreflang="it"> 250<link rel="alternate" href="https://www.pixpa.com/ru/start-blog" hreflang="ru"> 251<link rel="alternate" href="https://www.pixpa.com/es/start-blog" hreflang="es"> 252<link rel="alternate" href="https://www.pixpa.com/de/start-blog" hreflang="de"> 253<link rel="alternate" href="https://www.pixpa.com/nl/start-blog" hreflang="nl"> 254<link rel="alternate" href="https://www.pixpa.com/pl/start-blog" hreflang="pl"> 255<link rel="alternate" href="https://www.pixpa.com/start-blog" hreflang="x-default"> 256<!-- Other head elements --> 257 <link type="text/css" rel="stylesheet" href="https://px-studioassets.pixpa.com/build-20261009-144057-268/pixpacom/css/vendor/flexslider.css"> 258 <!-- Meta Tag Ends --> 259 <!--google analytics code start--> 260
260<script type="text/javascript"> 261 $(document).ready( function() { 262 Common.init(); 263 // .off('click') removed — these selectors are bound exactly once in the 264 // whole codebase (here), so the defensive unbind was dead code masking 265 // the real fix for the prior Common.init() double-call (audit #4). 266 $('.js-nav-web-dropdown-btn').on('click', function(){ 267 $(this).toggleClass('active') 268 $('.js-nav-web-dropdown').toggle(); 269 $('#header .nav').animate({scrollTop: 620}, 1000); 270 }) 271 272 $('.js-nav-lang-dropdown-btn').on('click', function(){ 273 $(this).toggleClass('active') 274 $('.js-nav-lang-dropdown').toggle(); 275 $('#header .nav').animate({scrollTop: 680}, 1000); 276 }) 277 278 $('.js-nav-lang-dropdown li a').on('click', function() { 279 $('.js-nav-lang-dropdown-btn').removeClass('active'); 280 $('.js-nav-lang-dropdown').hide() 281 }) 282 283 $("#proofing-banner, .proofing-img, .js-section-home-01").height(window.innerHeight); 284 $('.js-bxslider-thumb-img').on('click', function(){ 285 var bgcolor = $(this).attr('data-bgcolor'); 286 $('.js-pixpa-home-testimonils-container').css({ 287 'background': bgcolor 288 }) 289 }); 290 291 // Hero slider — guarded init only. The previous unconditional re-init 292 // and the third re-init inside $(window).on('load') created duplicate 293 // FlexSlider instances on the same DOM node, causing double-bound 294 // autoplay timers on pages that have the slider (e.g. /start-blog). 295 if($('.js-hero-pixpa-slider-01').length>0) { 296 if(typeof window.homeflex_slider == 'undefined') { 297 window.homeflex_slider = $('.js-hero-pixpa-slider-01').flexslider({ 298 animation: "fade", 299 slideshowSpeed: 3000, 300 animationSpeed: 200, 301 start: function(slider){ 302 $('body').removeClass('loading'); 303 window.addCurrentSlidesClass(slider); 304 }, 305 after: function (slider) { 306 window.addCurrentSlidesClass(slider); 307 } 308 }); 309 } 310 } 311 312 window.addCurrentSlidesClass = function (slider) { 313 //debugger; 314 $('.flexslider li').removeClass("active-slides"); 315 var startli = (slider.move * (slider.currentSlide - 1)); 316 var endli = (slider.move * (slider.currentSlide + 1)); 317 for (var i = startli; i <= endli; i++) { 318 $('.flexslider li:nth-child(' + i + ')').addClass('active-slides'); 319 } 320 } 321 322 var itemMargin = 37; 323 if (window.innerWidth < 767) { 324 itemMargin = 0; 325 } 326 327 // Same guarded-init pattern as the hero slider above (audit #14) — the 328 // previous unconditional re-init after each guarded block, and the third 329 // re-init in $(window).on('load'), gave each slider 3 FlexSlider instances 330 // with conflicting options. 331 if($('.js-home-page-example-slider').length>0) { 332 if(typeof window.homeflex_slider_03 == 'undefined') { 333 window.homeflex_slider_03 = $('.js-home-page-example-slider').flexslider({ 334 animation: "slide", 335 itemWidth: 500, 336 itemMargin: itemMargin, 337 move: 1, 338 customDirectionNav: $(".custom-navigation a") 339 }); 340 } 341 } 342 343 if($('.js-onlineportfolio-page-example-slider').length>0) { 344 if(typeof window.onlineportfolioflex_slider_03 == 'undefined') { 345 window.onlineportfolioflex_slider_03 = $('.js-onlineportfolio-page-example-slider').flexslider({ 346 animation: "slide", 347 itemWidth: 500, 348 itemMargin: itemMargin, 349 move: 1, 350 customDirectionNav: $(".js-custom-explore-onlineportfolio-navigation a") 351 }); 352 } 353 } 354 355 if($('.js-onlinestore-page-example-slider').length>0) { 356 if(typeof window.onlinestoreflex_slider_03 == 'undefined') { 357 window.onlinestoreflex_slider_03 = $('.js-onlinestore-page-example-slider').flexslider({ 358 animation: "slide", 359 itemWidth: 450, 360 itemMargin: itemMargin, 361 move: 1, 362 customDirectionNav: $(".js-custom-onlineportfolio-navigation a") 363 }); 364 } 365 } 366 367 if($('.js-pixpa-clients-testimonils-slider').length>0) { 368 if(typeof window.homeflex_slider_04 == 'undefined') { 369 window.homeflex_slider_04 = $('.js-pixpa-clients-testimonils-slider').flexslider({ 370 animation: "slide", 371 itemWidth: 500, 372 itemMargin: 30, 373 move: 1, 374 customDirectionNav: $(".custom-navigation span") 375 }); 376 } 377 } 378 379 $('.submit-mobile-app').on('click', function(e) { 380 var csrf_token = $('#csrf_token').val(); 381 var email = $('.email').val(); 382 if (!validateEmail(email)) { 383 alert('Please enter a valid Email'); 384 return false;
385 } 386 387 function validateEmail(email) { 388 var filter = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; 389 if (filter.test(email)) { 390 return true; 391 } else { 392 return false; 393 } 394 } 395 396 $.ajax({ 397 url: '/refresh-token', 398 method: 'post', 399 headers: { 400 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 401 } 402 }).then(function (response) { 403 var token_val = response.token; 404 if (response.token != null) { 405 Common.grecaptcha('6Ld1L6kdAAAAAFKzULwN6HL9mbTmYzi-kxGXwbPe', function(token) { 406 $.ajax({ 407 type: "POST", 408 url: '/email-demoapp', 409 data: {email:email, 'g_captcha_token': token, '_token': token_val}, 410 success: function(data) { 411 $('.form-sucess').html('Link has been emailed to you!').fadeIn(); 412 setTimeout(function() { 413 $('.form-sucess').fadeOut(); 414 $('.email').val(''); 415 }, 5000); 416 } 417 }); 418 }) 419 } else{ 420 421 } 422 }); 423 }); 424 425 $('.submit-subscription').on('click', function(e) { 426 var csrf_token = $('#csrf_token').val(); 427 var email = $('.email-newsletter').val(); 428 if (!validateEmaildesk(email)) { 429 alert('Please enter a valid Email'); 430 return false; 431 } 432 433 function validateEmaildesk(email) { 434 var filter = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; 435 if (filter.test(email)) { 436 return true; 437 } else { 438 return false; 439 } 440 } 441 442 $.ajax({ 443 url: '/refresh-token', 444 method: 'post', 445 headers: { 446 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 447 } 448 }).then(function (response) { 449 var token_val = response.token; 450 if (response.token != null) { 451 Common.grecaptcha('6Ld1L6kdAAAAAFKzULwN6HL9mbTmYzi-kxGXwbPe', function(token) { 452 $.ajax({ 453 type: "POST", 454 // url: '/email-subscription?_token='+ csrf_token, 455 url: '/email-subscription', 456 data: {email:email, 'g_captcha_token': token, '_token': token_val}, 457 success: function(data) { 458 $('.form-sucess-email-newsletter').html('Thank You for subscribing.').fadeIn(); 459 setTimeout(function() { 460 $('.form-sucess-email-newsletter').fadeOut(); 461 $('.email-newsletter').val(''); 462 }, 5000); 463 } 464 }); 465 }) 466 } else{ 467 } 468 }); 469 }); 470 }) 471</script>
vendor: 1 bytes, line 471
471
472<script defer src="https://px-studioassets.pixpa.com/build-20261009-144057-268/pixpacom/js/vendor/lazysizes.js"></script>
472 473 <!--google analytics code start--> 474
474<script type="text/javascript"> 475 $(document).ready( function() { 476 Common.init(); 477 // Common.dynamicHomeExamples(); 478 // Common.Aos(); 479 // AOS.init(); 480 481 $('body').addClass('header-bg-white header-bg-active') 482 }) 483 </script>
483 484 485 <link rel="stylesheet" href="https://px-studioassets.pixpa.com/build-20261009-144057-268/pixpacom/js/vendor/pixpa_slider/pixpa_slider_min.css" media="print" onload="this.media='all'"> 486<noscript><link rel="stylesheet" href="https://px-studioassets.pixpa.com/build-20261009-144057-268/pixpacom/js/vendor/pixpa_slider/pixpa_slider_min.css"></noscript>
487<script src="https://px-studioassets.pixpa.com/build-20261009-144057-268/pixpacom/js/vendor/pixpa_slider/pixpa_slider.min.js" defer></script>
487 488 489
489<script type="application/ld+json" class="notranslate"> 490 { 491 "@context": "https://schema.org", 492 "@graph": [ 493 { 494 "@type": "SoftwareApplication", 495 "@id": "https://www.pixpa.com/start-blog#software", 496 "name": "Pixpa Blog", 497 "url": "https://www.pixpa.com/start-blog", 498 "applicationCategory": "WebApplication", 499 "applicationSubCategory": "Website Builder", 500 "operatingSystem": "Web", 501 "description": "Built-in blogging inside the Pixpa website builder. Run multiple separate blogs on one website, publish media-heavy posts with galleries, video and embeds, and keep it all on the same site as your portfolio, client galleries and zero-commission store. Included on every plan.", 502 "featureList": [ 503 "Multiple separate blogs on one website", 504 "Author profiles assignable per post", 505 "Categories and tags", 506 "Automatic RSS feed per blog", 507 "Reading time on posts", 508 "Comments with moderation", 509 "Scheduled publishing", 510 "Multiple layouts for blog listing pages and blog posts", 511 "Customisable sidebar with widgets", 512 "Media-heavy posts with galleries, video and embeds" 513 ], 514 "publisher": { 515 "@id": "https://www.pixpa.com/#organization" 516 }, 517 "provider": { 518 "@id": "https://www.pixpa.com/#organization" 519 }, 520 "isPartOf": { 521 "@id": "https://www.pixpa.com/#website" 522 }, 523 "inLanguage": "en" 524 }, 525 { 526 "@type": "BreadcrumbList", 527 "@id": "https://www.pixpa.com/start-blog#breadcrumb", 528 "itemListElement": [ 529 { 530 "@type": "ListItem", 531 "position": 1, 532 "name": "Home", 533 "item": "https://www.pixpa.com/" 534 }, 535 { 536 "@type": "ListItem", 537 "position": 2, 538 "name": "Blog", 539 "item": "https://www.pixpa.com/start-blog" 540 } 541 ] 542 }, 543 { 544 "@type": "HowTo", 545 "@id": "https://www.pixpa.com/start-blog#howto", 546 "name": "How to start a blog with Pixpa", 547 "description": "Add a blog to a Pixpa website in four steps, from choosing a template to publishing the first post.", 548 "totalTime": "PT15M", 549 "step": [ 550 { 551 "@type": "HowToStep", 552 "position": 1, 553 "name": "Pick a template", 554 "text": "Choose from 200+ designs. The blog inherits the look of the site you build.", 555 "url": "https://www.pixpa.com/start-blog#pick-a-template" 556 }, 557 { 558 "@type": "HowToStep", 559 "position": 2, 560 "name": "Add a blog page", 561 "text": "One click adds the blog and its listing page to your site navigation.", 562 "url": "https://www.pixpa.com/start-blog#add-a-blog-page" 563 }, 564 { 565 "@type": "HowToStep", 566 "position": 3, 567 "name": "Choose your layout", 568 "text": "Set post layouts, banners, sidebar widgets and image styles from the settings panel.", 569 "url": "https://www.pixpa.com/start-blog#choose-your-layout" 570 }, 571 { 572 "@type": "HowToStep", 573 "position": 4, 574 "name": "Write and publish", 575 "text": "Write now or publish now, and your post goes live on your own domain.", 576 "url": "https://www.pixpa.com/start-blog#write-and-publish" 577 } 578 ] 579 }, 580 { 581 "@type": "FAQPage", 582 "@id": "https://www.pixpa.com/start-blog#faq", 583 "mainEntity": [ 584 { 585 "@type": "Question", 586 "name": "Is the blog included on the Basic plan?", 587 "acceptedAnswer": { 588 "@type": "Answer", 589 "text": "Yes. Blogging is included on every Pixpa plan. The entry plan includes one blog with unlimited posts, and higher plans allow unlimited separate blogs, each with its own layout, tags and posts." 590 } 591 }, 592 { 593 "@type": "Question", 594 "name": "Can I have more than one blog on one website?",
595 "acceptedAnswer": { 596 "@type": "Answer", 597 "text": "Yes, on Creator plans and above. Pixpa lets you run several separate blogs on a single website, for example a journal, a What's New section and a stories section. Each blog has its own posts, tags, layout and listing page." 598 } 599 }, 600 { 601 "@type": "Question", 602 "name": "Can I import my existing blog posts?", 603 "acceptedAnswer": { 604 "@type": "Answer", 605 "text": "No bulk importer is available. Posts are recreated in the editor, or you keep the old blog live and link to it from your Pixpa site. If your archive is large, ask live chat before you commit." 606 } 607 }, 608 { 609 "@type": "Question", 610 "name": "How many photos can I put in one post?", 611 "acceptedAnswer": { 612 "@type": "Answer", 613 "text": "As many as the post needs. Images are compressed and lazy-loaded automatically, and served at the resolution you uploaded." 614 } 615 }, 616 { 617 "@type": "Question", 618 "name": "Can I run more than one blog?", 619 "acceptedAnswer": { 620 "@type": "Answer", 621 "text": "Yes, on Creator and above. Each blog has separate posts, tags, layouts and settings." 622 } 623 }, 624 { 625 "@type": "Question", 626 "name": "Can I schedule posts?", 627 "acceptedAnswer": { 628 "@type": "Answer", 629 "text": "Yes. Write the post, set a publish date, and it goes live on its own." 630 } 631 }, 632 { 633 "@type": "Question", 634 "name": "Can readers subscribe to my blog?", 635 "acceptedAnswer": { 636 "@type": "Answer", 637 "text": "Yes, through a sidebar subscription box or the RSS feed, which generates automatically for every blog." 638 } 639 }, 640 { 641 "@type": "Question", 642 "name": "Do I need a plugin for comments or sharing?", 643 "acceptedAnswer": { 644 "@type": "Answer", 645 "text": "No. Commenting with moderation and social sharing are built in." 646 } 647 }, 648 { 649 "@type": "Question", 650 "name": "Will my blog match the rest of my site?", 651 "acceptedAnswer": { 652 "@type": "Answer", 653 "text": "Yes. It uses the same template, fonts and CSS as every other page, so the design stays consistent." 654 } 655 } 656 ] 657 } 658 ] 659 } 660 </script>
660 661 <link rel="preload" href="https://px-studioassets.pixpa.com/build-20261009-144057-268/pixpacom/compiled/css/all.css?id=8bdce6507e25ffbb7f2a96c3f5bf76fc" as="style"> 662<link rel="stylesheet" type="text/css" media="all" href="https://px-studioassets.pixpa.com/build-20261009-144057-268/pixpacom/compiled/css/pixpa_variable.css?id=396efafc0ef4ba14b146b89b76aeb6a0"> 663<link rel="stylesheet" type="text/css" media="all" href="https://px-studioassets.pixpa.com/build-20261009-144057-268/pixpacom/compiled/css/all.css?id=8bdce6507e25ffbb7f2a96c3f5bf76fc">
664<script>window.loadSvgSprite=function(url,timeout=5e3){if(!url)return;if(document.querySelector('[data-svg-sprite-loaded="'+url+'"]'))return;const injectSvg=async()=>{try{const c=new AbortController,t=setTimeout(()=>c.abort(),timeout),r=await fetch(url,{signal:c.signal});clearTimeout(t);if(r.ok){const s=await r.text(),d=document.createElement('div');d.style.display='none';d.setAttribute('data-svg-sprite-loaded',url);d.innerHTML=s;document.body.insertBefore(d,document.body.firstChild)}}catch(e){}};document.readyState==='loading'?document.addEventListener('DOMContentLoaded',injectSvg,{once:true}):injectSvg()};</script>
664 665</head> 666 667<body class="header-bg-white header-bg-active header-bg-black"> 668 <link rel="stylesheet" type="text/css" media="all" href="https://px-studioassets.pixpa.com/build-20261009-144057-268/pixpacom/compiled/css/top-menu.css?id=c49357eb55545f5d983792305fd15efb"> 669
670<script>loadSvgSprite('https://www.pixpa.com/pixpacom/images/svg/sprite-nav.svg')</script>
670 671<!--beamer added start--> 672 673<!--beamer added end--> 674<header id="header" class="js-header-container topmenu announcementbarfixedx announcementbarx "> 675 <div class="header-inner-wrapper"> 676 <!--logo tab--> 677 <div class="website-logo"> 678 <a href="https://www.pixpa.com" aria-label="Pixpa"> 679 <svg viewbox="0 0 275.5 104.7"><use xlink:href="#pixpa-website-logo"></use></svg> 680 </a> 681 </div> 682 <!--logo tab end--> 683 <div class="small-nav-overlay"></div> 684 <div class="nav-open mobile-only nav-toggler toggle-slide-right js-mob-menu" aria-label="Mobile Menu"> 685 <svg viewbox="0 0 24 24" fill="currentcolor" aria-label="Mobile Menu"><use xlink:href="#pixpa-sandwich-menuicon"></use></svg> 686 </div> 687 688 <a href="https://studio.pixpa.com/signup" class="create-site-pixpa right mobile-only button v-pixpa-green log-in get-startedx" data-gtm-event="cta_click" data-gtm-category="Top Navigation Mobile CTA" data-gtm-action="Free Trial">Start Free <span class="menu-svg-icon margin-l5"><svg viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></span> 689 </a> 690 691 <div class="website-navcontainer"> 692 <div class="navbar-mobile"> 693 <div class="display-flex justify-sp_between"> 694 <div class="website-logo"> 695 <a href="https://www.pixpa.com" aria-label="Pixpa"> 696 <svg viewbox="0 0 275.5 104.7"><use xlink:href="#pixpa-website-logo"></use></svg> 697 </a> 698 </div> 699 700 <a class="nav-close display-inline-b" href="javascript:void(0);" aria-label="Sandwichclosemenu"> 701 <svg viewbox="0 0 320 512"><use xlink:href="#pixpa-sandwichclosemenu"></use></svg> 702 </a> 703 </div> 704 </div> 705 706 <nav class="nav"> 707 <div class="box-shadow top-link nav-dropdown pos-override mobile-hide "> 708 709 <a class="nav-arrow" role="button" tabindex="0" aria-haspopup="true"> 710 Product 711 <svg viewbox="0 0 668 468.75" aria-hidden="true" focusable="false"><use xlink:href="#pixpa-downarrow-menuicon"></use></svg> 712 </a> 713 714 <div class="dropdown nav-dropdown-showcase dropdown-products-menu dropdown-resources-menuxx"> 715 <div class="dropdown-products-menu-container"> 716 <div class="dropdown-products-menu-left"> 717 <p class="menu-title">One platform for your portfolio website, client galleries and store</p> 718 <ul class="dropdown_list dropdown-products-menu-list"> 719 <li class="dropdown_item"> 720 <a href="/websites"> 721 <div class="flex flex-column"> 722 <div class="pixpa-menu-svg"> 723 <svg viewbox="0 0 24 22"><use xlink:href="#pixpa-build_website-menuicon" width="24" height="22"></use></svg> 724 </div> 725 <div class="flex flex-column"> 726 <p class="menu-page-title">Build Your Website</p> 727 <span>Visual editor, full design control</span> 728 </div> 729 </div> 730 </a> 731 </li> 732 733 <li class="dropdown_item"> 734 <a href="/stores"> 735 <div class="flex flex-column"> 736 <div class="pixpa-menu-svg"> 737 <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-store_cart-menuicon" width="24" height="22"></use></svg> 738 </div> 739 <div class="flex flex-column"> 740 <p class="menu-page-title">Online Store</p> 741 <span>Sell anything, zero commission</span> 742 </div> 743 </div> 744 </a> 745 </li> 746 747 <li class="dropdown_item"> 748 <a href="/clientgalleries"> 749 <div class="flex flex-column"> 750 <div class="pixpa-menu-svg"> 751 <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-client_gallery-menuicon" width="24" height="22"></use></svg> 752 </div> 753 <div class="flex flex-column"> 754 <p class="menu-page-title">
754Client Galleries</p> 755 <span>Share, proof, sell & deliver images</span> 756 </div> 757 </div> 758 </a> 759 </li> 760 761 762 <li class="dropdown_item"> 763 <a href="/sell-images-online"> 764 <div class="flex flex-column"> 765 <div class="pixpa-menu-svg"> 766 <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-sell_image-menuicon" width="24" height="22"></use></svg> 767 </div> 768 <div class="flex flex-column"> 769 <p class="menu-page-title">Sell Images</p> 770 <span>Sell prints and downloads from galleries</span> 771 </div> 772 </div> 773 </a> 774 </li> 775 776 <li class="dropdown_item"> 777 <a href="/start-blog"> 778 <div class="flex flex-column"> 779 <div class="pixpa-menu-svg"> 780 <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-blog-menuicon" width="24" height="22"></use></svg> 781 </div> 782 <div class="flex flex-column"> 783 <p class="menu-page-title">Blog</p> 784 <span>Built-in blogging, no extra tools</span> 785 </div> 786 </div> 787 </a> 788 </li> 789 790 <li class="dropdown_item"> 791 <a href="/gallery-links"> 792 <div class="flex flex-column"> 793 <div class="pixpa-menu-svg"> 794 <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-mobileapp-menuicon" width="24" height="22"></use></svg> 795 </div> 796 <div class="flex flex-column"> 797 <p class="menu-page-title">Gallery Links</p> 798 <span>Send galleries to clients as a link</span> 799 </div> 800 </div> 801 </a> 802 </li> 803 804 805 806 <li class="dropdown_item"> 807 <a href="/marketing-tools"> 808 <div class="flex flex-column"> 809 <div class="pixpa-menu-svg"> 810 <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-marketing-tools" width="24" height="22"></use></svg> 811 </div> 812 <div class="flex flex-column"> 813 <p class="menu-page-title">Marketing Tools</p> 814 <span>Grow your audience. No plugins</span> 815 </div> 816 </div> 817 </a> 818 </li> 819 <li class="dropdown_item"> 820 <a href="/seo-tools"> 821 <div class="flex flex-column"> 822 <div class="pixpa-menu-svg"> 823 <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-seo-tools" width="24" height="22"></use></svg> 824 </div> 825 <div class="flex flex-column"> 826 <p class="menu-page-title">SEO Tools</p> 827 <span>Drive more traffic with on-site SEO</span> 828 </div> 829 </div> 830 </a> 831 </li> 832 833 </ul> 834 </div> 835 <div class="dropdown-products-menu-right why-chose-pixpa"> 836 <p class="menu-title padding-b0 website-setup-title">Why Pixpa?</p> 837 <p class="menu-description margin-t10">One platform for your website, client galleries and store. See what makes it different.</p> 838 <div class="border-banimate-link color-white display-inblock section-desc margin-t5 padding-b0"> 839 <a href="/why-pixpa" class="effect-1 padding-b0 lh-15">Explore Now <svg viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></a>
840 <span class="focus-border"></span> 841 </div> 842 </div> 843 </div> 844 </div> 845 </div> 846 847 <div class="box-shadow top-link nav-dropdown mobile-hide"> 848 849 <a class="nav-arrow" role="button" tabindex="0" aria-haspopup="true"> 850 <span class="">Made for</span> 851 <svg viewbox="0 0 668 468.75" aria-hidden="true" focusable="false"><use xlink:href="#pixpa-downarrow-menuicon"></use></svg> 852 </a> 853 <div class="dropdown nav-dropdown-tour"> 854 <ul class="dropdown_list"> 855 856 <li> 857 <a href="/online-portfolio/photography-website"> 858 <div class="display-flex-center"> 859 <div class="pixpa-menu-svg margin-r10"> 860 <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-photography" width="16" height="16"></use></svg> 861 </div> 862 <div class="flex flex-column"> 863 <p class="menu-page-title">Photographers</p> 864 </div> 865 </div> 866 </a> 867 </li> 868 869 870 <li> 871 <a href="/online-portfolio/artist-website"> 872 <div class="display-flex-center"> 873 <div class="pixpa-menu-svg margin-r10"> 874 <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-artists" width="16" height="16"></use></svg> 875 </div> 876 <div class="flex flex-column"> 877 <p class="menu-page-title">Artists</p> 878 </div> 879 </div> 880 </a> 881 </li> 882 883 884 <li> 885 <a href="/online-portfolio/illustrator-website"> 886 <div class="display-flex-center"> 887 <div class="pixpa-menu-svg margin-r10"> 888 <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-illustrators" width="16" height="16"></use></svg> 889 </div> 890 <div class="flex flex-column"> 891 <p class="menu-page-title">Illustrators</p> 892 </div> 893 </div> 894 </a> 895 </li> 896 897 898 <li> 899 <a href="/online-portfolio/graphic-design-website"> 900 <div class="display-flex-center"> 901 <div class="pixpa-menu-svg margin-r10"> 902 <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-graphic-design" width="16" height="16"></use></svg> 903 </div> 904 <div class="flex flex-column"> 905 <p class="menu-page-title">Graphic Designers</p> 906 </div> 907 </div> 908 </a> 909 </li> 910 911 912 <li> 913 <a href="/online-portfolio/ui-ux-design-website"> 914 <div class="display-flex-center"> 915 <div class="pixpa-menu-svg margin-r10"> 916 <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-uiuxdesigners" width="16" height="16"></use></svg> 917 </div> 918 <div class="flex flex-column"> 919 <p class="menu-page-title">UI/UX Designers</p> 920 </div> 921 </div> 922 </a> 923 </li> 924 925 926 <li> 927 <a href="/online-portfolio/models-website"> 928 <div class="display-flex-center"> 929 <div class="pixpa-menu-svg margin-r10"> 930 <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-modelsactors" width="16" height="16"></use></svg> 931 </div> 932 <div class="flex flex-column"> 933 <p class="menu-page-title">Models & Actors</p> 934 </div> 935 </div> 936 </a> 937 </li> 938 939 940 <li> 941 <a href="/online-portfolio/fashion-design-website"> 942 <div class="display-flex-center"> 943 <div class="pixpa-menu-svg margin-r10"> 944 <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-fashion-design" width="16" height="16"></use></svg> 945 </div> 946 <div class="flex flex-column"> 947 <p class="menu-page-title">Fashion Designers & Stylists</p> 948 </div> 949 </div> 950 </a> 951 </li> 952 953 954 <li> 955 <a href="/online-portfolio/architecture-website"> 956 <div class="display-flex-center"> 957 <div class="pixpa-menu-svg margin-r10"> 958 <svg viewbox="0 0 16 13"><use xlink:href="#pixpa-tour-architects" width="16" height="13"></use></svg> 959 </div> 960 <div class="flex flex-column"> 961 <p class="menu-page-title">Architects & Interior Designers</p> 962 </div> 963 </div> 964 </a> 965 </li> 966 967 968 <li> 969 <a href="/online-portfolio/musicians-website"> 970 <div class="display-flex-center"> 971 <div class="pixpa-menu-svg margin-r10"> 972 <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-musicians" width="16" height="16"></use></svg> 973 </div> 974 <div class="flex flex-column"> 975 <p class="menu-page-title">Musicians & Performers</p> 976 </div> 977 </div> 978 </a> 979 </li> 980 981 982 <li> 983 <a href="/online-portfolio/writer-website"> 984 <div class="display-flex-center"> 985 <div class="pixpa-menu-svg margin-r10"> 986 <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-writers" width="16" height="16"></use></svg> 987 </div> 988 <div class="flex flex-column"> 989 <p class="menu-page-title">Writers & Authors</p> 990 </div> 991 </div> 992 </a> 993 </li> 994 995 996 <li class="nav-tour-hub"> 997 <a href="/online-portfolio"> 998 <div class="display-flex-center"> 999 <div class="pixpa-menu-svg margin-r10"> 1000 <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-creative" width="16" height="16"></use></svg> 1001 </div> 1002 <div class="flex flex-column"> 1003 <p class="menu-page-title">Portfolio websites for every creative field</p> 1004 </div> 1005 </div> 1006 </a> 1007 </li> 1008 </ul> 1009 </div> 1010 </div> 1011 1012 <a href="/templates" class="box-shadow mobile-hide top-link ">Templates</a> 1013 1014 <a href="/examples" class="box-shadow mobile-hide top-link ">Examples</a> 1015 <a href="/pricing" class="box-shadow mobile-hide top-link ">Pricing</a> 1016 <div class="box-shadow top-link nav-dropdown pos-override mobile-hide "> 1017 <a href="/blog" class="nav-arrow"> 1018 Resources 1019 <svg viewbox="0 0 668 468.75"><use xlink:href="#pixpa-downarrow-menuicon"></use></svg> 1020 </a> 1021 1022 <div class="dropdown nav-dropdown-showcase dropdown-products-menu dropdown-resources-menu"> 1023 <div class="dropdown-products-menu-container"> 1024 <div class="dropdown-products-menu-left"> 1025 <ul class="dropdown_list dropdown-products-menu-list"> 1026 <li class="dropdown_item"> 1027 <a href="/why-pixpa"> 1028 <div class="flex flex-column"> 1029 <div class="pixpa-menu-svg"> 1030 <svg viewbox="0 0 24 22"><use xlink:href="#pixpa-whypixpa-menuicon" width="24" height="22"></use></svg> 1031 </div> 1032 <div class="flex flex-column"> 1033 <p class="menu-page-title">Why Choose Pixpa?</p>
1034 <span>One platform for your website, client galleries and store. See what makes it different.</span> 1035 </div> 1036 </div> 1037 </a> 1038 </li> 1039 1040 <li class="dropdown_item"> 1041 <a href="/students"> 1042 <div class="flex flex-column"> 1043 <div class="pixpa-menu-svg"> 1044 <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-student-menuicon" width="24" height="22"></use></svg> 1045 </div> 1046 <div class="flex flex-column"> 1047 <p class="menu-page-title">Students & Educators</p> 1048 <span>Get up to 55% off on all plans with Pixpa Edu discounts. </span> 1049 </div> 1050 </div> 1051 </a> 1052 </li> 1053 1054 1055 1056 1057 <li class="dropdown_item"> 1058 <a href="/blog"> 1059 <div class="flex flex-column"> 1060 <div class="pixpa-menu-svg"> 1061 <svg viewbox="0 0 24 22"><use xlink:href="#pixpa-blog-menuicon" width="24" height="22"></use></svg> 1062 </div> 1063 <div class="flex flex-column"> 1064 <p class="menu-page-title">The Pixpa Blog</p> 1065 <span>Guides and inspiration</span> 1066 </div> 1067 </div> 1068 </a> 1069 </li> 1070 1071 1072 <li class="dropdown_item"> 1073 <a href="https://help.pixpa.com/"> 1074 <div class="flex flex-column"> 1075 <div class="pixpa-menu-svg"> 1076 <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-helpcenter-menuicon" width="24" height="22"></use></svg> 1077 </div> 1078 <div class="flex flex-column"> 1079 <p class="menu-page-title">Help Center</p> 1080 <span>Guides and tutorials, 20+ languages</span> 1081 </div> 1082 </div> 1083 </a> 1084 </li> 1085 1086 <li class="dropdown_item"> 1087 <a href="/updates"> 1088 <div class="flex flex-column"> 1089 <div class="pixpa-menu-svg"> 1090 <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-productupdate-menuicon" width="24" height="22"></use></svg> 1091 </div> 1092 <div class="flex flex-column"> 1093 <p class="menu-page-title">Product Updates</p> 1094 <span>What’s new on Pixpa</span> 1095 </div> 1096 </div> 1097 </a> 1098 </li> 1099 1100 <li class="dropdown_item"> 1101 <a href="/clients"> 1102 <div class="flex flex-column"> 1103 <div class="pixpa-menu-svg"> 1104 <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-customerstore-menuicon" width="24" height="22"></use></svg> 1105 </div> 1106 <div class="flex flex-column"> 1107 <p class="menu-page-title">Customer Stories</p> 1108 <span>Real sites and switcher stories</span> 1109 </div> 1110 </div> 1111 </a> 1112 </li> 1113 1114 <li class="dropdown_item"> 1115 <a href="/apps"> 1116 <div class="flex flex-column"> 1117 <div class="pixpa-menu-svg"> 1118 <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-integration-menuicon" width="24" height="22"></use></svg> 1119 </div> 1120 <div class="flex flex-column"> 1121 <p class="menu-page-title">Apps & Integrations</p>
1122 <span>100+ apps and integrations</span> 1123 </div> 1124 </div> 1125 </a> 1126 </li> 1127 1128 1129 1130 <li class="dropdown_item"> 1131 <a href="/affiliates"> 1132 <div class="flex flex-column"> 1133 <div class="pixpa-menu-svg"> 1134 <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-partner-menuicon" width="24" height="22"></use></svg> 1135 </div> 1136 <div class="flex flex-column"> 1137 <p class="menu-page-title">Become an Affiliate</p> 1138 <span>Promote Pixpa, earn rewards</span> 1139 </div> 1140 </div> 1141 </a> 1142 </li> 1143 </ul> 1144 </div> 1145 1146 <div class="dropdown-products-menu-right"> 1147 <p class="menu-title padding-b0 website-setup-title">Get Your Website Set Up</p> 1148 <p class="menu-description margin-t10">A Pixpa designer builds it from your brief, images and content. Review and publish. <span class="website-setup-menu-price"><span class="website-setup-menu-price-was">$399</span><span class="website-setup-menu-price-now">$199</span><span class="website-setup-menu-price-badge">Limited Time Offer</span></span></p> 1149 <div class="border-banimate-link color-white display-inblock section-desc margin-t5 padding-b0"> 1150 <a href="/website-setup-service" class="effect-1 padding-b0 lh-15">Setup Now <svg viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></a> 1151 <span class="focus-border"></span> 1152 </div> 1153 </div> 1154 </div> 1155 </div> 1156 </div> 1157 </nav> 1158 1159 <nav class="nav right mobile-hide"> 1160 <div class="box-shadow top-link nav-dropdown mobile-hide js-desktop-lang-dropdown"> 1161 <a href="#" class="nav-arrow js-desktop-lang-toggle" aria-label="Select language" aria-haspopup="true" aria-expanded="false"> 1162 <svg viewbox="0 0 496 512" style="width: 20px;" aria-hidden="true" focusable="false"><use xlink:href="#pixpa-globe-menuicon"></use></svg> 1163 </a> 1164 <div class="dropdown nav-dropdown-language"> 1165 <ul class="dropdown_list js-pixpa-weglot-language notranslate gtranslate-desktop"> 1166 <li class="dropdown_item"><a href="https://www.pixpa.com/start-blog" data-value="en" data-gt-href="https://www.pixpa.com/start-blog" class="nturl notranslate active">English</a></li> 1167 <li class="dropdown_item"><a href="https://www.pixpa.com/es/start-blog" data-value="es" data-gt-href="https://www.pixpa.com/es/start-blog" class="nturl notranslate ">Español</a></li> 1168 <li class="dropdown_item"><a href="https://www.pixpa.com/fr/start-blog" data-value="fr" data-gt-href="https://www.pixpa.com/fr/start-blog" class="nturl notranslate ">Français</a></li> 1169 <li class="dropdown_item"><a href="https://www.pixpa.com/de/start-blog" data-value="de" data-gt-href="https://www.pixpa.com/de/start-blog" class="nturl notranslate ">Deutsch</a></li> 1170 <li class="dropdown_item"><a href="https://www.pixpa.com/pt/start-blog" data-value="pt" data-gt-href="https://www.pixpa.com/pt/start-blog" class="nturl notranslate ">Português</a></li> 1171 <li class="dropdown_item"><a href="https://www.pixpa.com/nl/start-blog" data-value="nl" data-gt-href="https://www.pixpa.com/nl/start-blog" class="nturl notranslate ">Nederlands</a></li> 1172 <li class="dropdown_item"><a href="https://www.pixpa.com/it/start-blog" data-value="it" data-gt-href="https://www.pixpa.com/it/start-blog" class="nturl notranslate ">Italiano</a></li> 1173 <li class="dropdown_item"><a href="https://www.pixpa.com/pl/start-blog" data-value="pl" data-gt-href="https://www.pixpa.com/pl/start-blog" class="nturl notranslate ">Polski</a></li> 1174 <li class="dropdown_item"><a href="https://www.pixpa.com/ru/start-blog" data-value="ru" data-gt-href="https://www.pixpa.com/ru/start-blog" class="nturl notranslate ">Русский</a></li> 1175 </ul> 1176 </div> 1177 </div> 1178 1179 1180 1181 <a href="https://studio.pixpa.com" class="top-link box-shadow">Login</a> 1182 <a href="https://studio.pixpa.com/signup" id="sign-up" class="button log-in get-started">Start Free <span class="menu-svg-icon margin-l5"><svg viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></span></a> 1183 1184 </nav> 1185 </div> 1186 </div> 1187 1188
1188<script type="text/javascript"> 1189 // Desktop language switcher: open on click (not hover) + highlight the active language 1190 (function () { 1191 function init($) { 1192 // Mark the active language from the BROWSER context. The origin server can't 1193 // detect it: GTranslate (sub_directory) strips the /es/ prefix before the 1194 // request reaches Laravel, so pixpaCurrentLocale() is blank in production and 1195 // the server-rendered active class always falls back to English. 1196 (function () { 1197 // Supported locales = the languages this menu actually renders (read from 1198 // the links' data-value). The /{locale}/ path prefix is authoritative; a 1199 // locale this menu doesn't offer, or no prefix, falls back to English. 1200 var $langLinks = $('.js-pixpa-weglot-language a'); 1201 var rendered = $langLinks.map(function () { return $(this).attr('data-value'); }).get(); 1202 var seg = window.location.pathname.split('/').filter(Boolean)[0]; 1203 var active = rendered.indexOf(seg) !== -1 ? seg : 'en'; 1204 $langLinks.removeClass('active'); 1205 $langLinks.filter('[data-value="' + active + '"]').addClass('active'); 1206 // keep the collapsed mobile trigger badge in sync (hard-coded "EN" otherwise) 1207 $('.js-pixpa-weglot-input').text(active.toUpperCase()); 1208 })(); 1209 1210 var $dd = $('.js-desktop-lang-dropdown'); 1211 if (!$dd.length) return; 1212 1213 $dd.find('.js-desktop-lang-toggle').on('click', function (e) { 1214 e.preventDefault(); 1215 e.stopPropagation(); 1216 $dd.toggleClass('open'); 1217 $(this).attr('aria-expanded', $dd.hasClass('open')); 1218 }); 1219 $(document).on('click', function (e) { 1220 if (!$(e.target).closest('.js-desktop-lang-dropdown').length) { 1221 $dd.removeClass('open'); 1222 $dd.find('.js-desktop-lang-toggle').attr('aria-expanded', 'false'); 1223 } 1224 }); 1225 1226 } 1227 // Hover-open is disabled for this menu, so wait until jQuery is ready before binding the click handler. 1228 (function whenReady() { 1229 if (window.jQuery) { window.jQuery(function () { init(window.jQuery); }); } 1230 else { setTimeout(whenReady, 50); } 1231 })(); 1232 })(); 1233 </script>
1233 1234 1235 <!-- display the login prompt --> 1236
1236<script src="https://accounts.google.com/gsi/client" async defer></script>
1236 1237 <div id="g_id_onload" data-prompt_parent_id="g_id_onload" data-client_id="862576481073-dkte97hklc0b6llurn47aijjl8ausfu5.apps.googleusercontent.com" data-login_uri="https://studio.pixpa.com/one-tap-google" data-context="signup" data-itp_support="true" data-cancel_on_tap_outside="false" style="position: absolute !important; top: 56px !important; display: flex !important; align-items: flex-end !important; justify-content: flex-end; right: 4vw !important;"> 1238 </div> 1239 </header> 1240 1241 1242<div class="mobilemenu-container-wrapper js-mobilemenu-container-wrapper"> 1243 <div class="mobilemenu-container"> 1244 <div class="mobilemenu-grid"> 1245 <div class="mobilemenu-grid-item"> 1246 <div class="mobilemenu-grid-item-link js-dropdown-mobilemenu-grid-item-link"> 1247 <span>Product</span> 1248 <svg viewbox="0 0 668 468.75" class="menuicon"><use xlink:href="#pixpa-downarrow-menuicon"></use></svg> 1249 </div> 1250 <div class=" dropdown-mobilemenu-grid-item-content js-dropdown-mobilemenu-grid-item-content" style="height: 0"> 1251 <div class="mobilesubmenu-grid dropdown-mobilemenu-grid-item-content-height"> 1252 <div class="dropdown-products-menu-left"> 1253 <div class="mobilesubmenu-grid-item"> 1254 <ul class="dropdown_list dropdown-products-menu-list"> 1255 <li class="dropdown_item"> 1256 <a href="/websites"> 1257 <div class="flex flex-column"> 1258 <div class="pixpa-menu-svg"> 1259 <svg viewbox="0 0 24 22"><use xlink:href="#pixpa-build_website-menuicon" width="24" height="22"></use></svg> 1260 </div> 1261 <div class="flex flex-column"> 1262 <p class="menu-page-title">Build Your Website</p> 1263 <span>Visual editor, full design control</span> 1264 </div> 1265 </div> 1266 </a> 1267 </li> 1268 1269 <li class="dropdown_item"> 1270 <a href="/stores"> 1271 <div class="flex flex-column"> 1272 <div class="pixpa-menu-svg"> 1273 <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-store_cart-menuicon" width="24" height="22"></use></svg> 1274 </div> 1275 <div class="flex flex-column"> 1276 <p class="menu-page-title">Online Store</p> 1277 <span>Sell anything, zero commission</span> 1278 </div> 1279 </div> 1280 </a> 1281 </li> 1282 1283 <li class="dropdown_item"> 1284 <a href="/clientgalleries"> 1285 <div class="flex flex-column"> 1286 <div class="pixpa-menu-svg"> 1287 <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-client_gallery-menuicon" width="24" height="22"></use></svg> 1288 </div> 1289 <div class="flex flex-column"> 1290 <p class="menu-page-title">Client Galleries</p> 1291 <span>Share, proof, sell & deliver images</span> 1292 </div> 1293 </div> 1294 </a> 1295 </li> 1296 1297 1298 <li class="dropdown_item"> 1299 <a href="/sell-images-online"> 1300 <div class="flex flex-column"> 1301 <div class="pixpa-menu-svg"> 1302 <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-sell_image-menuicon" width="24" height="22"></use></svg> 1303 </div> 1304 <div class="flex flex-column"> 1305 <p class="menu-page-title">Sell Images</p> 1306 <span>Sell prints and downloads from galleries</span> 1307 </div> 1308 </div> 1309 </a> 1310 </li> 1311 1312 <li class="dropdown_item"> 1313 <a href="/start-blog"> 1314 <div class="flex flex-column"> 1315 <div class="pixpa-menu-svg"> 1316 <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-blog-menuicon" width="24" height="22"></use></svg> 1317 </div> 1318 <div class="flex flex-column"> 1319 <p class="menu-page-title">Blog</p>
1320 <span>Built-in blogging, no extra tools</span> 1321 </div> 1322 </div> 1323 </a> 1324 </li> 1325 1326 <li class="dropdown_item"> 1327 <a href="/gallery-links"> 1328 <div class="flex flex-column"> 1329 <div class="pixpa-menu-svg"> 1330 <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-mobileapp-menuicon" width="24" height="22"></use></svg> 1331 </div> 1332 <div class="flex flex-column"> 1333 <p class="menu-page-title">Gallery Links</p> 1334 <span>Send galleries to clients as a link</span> 1335 </div> 1336 </div> 1337 </a> 1338 </li> 1339 1340 <li class="dropdown_item"> 1341 <a href="/marketing-tools"> 1342 <div class="flex flex-column"> 1343 <div class="pixpa-menu-svg"> 1344 <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-marketing-tools" width="24" height="22"></use></svg> 1345 </div> 1346 <div class="flex flex-column"> 1347 <p class="menu-page-title">Marketing Tools</p> 1348 <span>Grow your audience. No plugins</span> 1349 </div> 1350 </div> 1351 </a> 1352 </li> 1353 1354 <li class="dropdown_item"> 1355 <a href="/seo-tools"> 1356 <div class="flex flex-column"> 1357 <div class="pixpa-menu-svg"> 1358 <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-seo-tools" width="24" height="22"></use></svg> 1359 </div> 1360 <div class="flex flex-column"> 1361 <p class="menu-page-title">SEO Tools</p> 1362 <span>Drive more traffic with on-site SEO</span> 1363 </div> 1364 </div> 1365 </a> 1366 </li> 1367 1368 </ul> 1369 </div> 1370 </div> 1371 1372 <div class="dropdown-products-menu-right"> 1373 <div class="dropdown-products-menu-right-container"> 1374 <p class="menu-title padding-b0 website-setup-title">Why Pixpa?</p> 1375 <p class="menu-description margin-t10">One platform for your website, client galleries and store. See what makes it different.</p> 1376 <div class="border-banimate-link color-white display-inblock section-desc margin-t5 padding-b0"> 1377 <a href="/why-pixpa" class="effect-1 padding-b0 lh-15">Explore Now <svg viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></a> 1378 <span class="focus-border"></span> 1379 </div> 1380 </div> 1381 </div> 1382 1383 1384 </div> 1385 </div> 1386 </div> 1387 1388 <div class="mobilemenu-grid-item"> 1389 <div class="mobilemenu-grid-item-link js-dropdown-mobilemenu-grid-item-link"> 1390 <span>Made for</span> 1391 <svg viewbox="0 0 668 468.75" class="menuicon"><use xlink:href="#pixpa-downarrow-menuicon"></use></svg> 1392 </div> 1393 <div class="dropdown-mobilemenu-grid-item-content js-dropdown-mobilemenu-grid-item-content" style="height: 0"> 1394 <div class="mobilesubmenu-grid dropdown-mobilemenu-grid-item-content-height"> 1395 <div class="mobilesubmenu-grid-item"> 1396 <ul class="dropdown_list dropdown-products-menu-list"> 1397 1398 <li class="dropdown_item"> 1399 <a href="/online-portfolio/photography-website"> 1400 <div class="flex flex-column"> 1401 <div class="pixpa-menu-svg"> 1402 <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-photography" width="16" height="16"></use></svg> 1403 </div> 1404 <div class="flex flex-column"> 1405 <p class="menu-page-title">Photographers</p> 1406 </div> 1407 </div> 1408 </a> 1409 </li> 1410 1411 1412 <li class="dropdown_item"> 1413 <a href="/online-portfolio/artist-website"> 1414 <div class="flex flex-column"> 1415 <div class="pixpa-menu-svg"> 1416 <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-artists" width="16" height="16"></use></svg> 1417 </div> 1418 <div class="flex flex-column"> 1419 <p class="menu-page-title">Artists</p> 1420 </div> 1421 </div> 1422 </a> 1423 </li> 1424 1425 1426 <li class="dropdown_item"> 1427 <a href="/online-portfolio/illustrator-website"> 1428 <div class="flex flex-column"> 1429 <div class="pixpa-menu-svg"> 1430 <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-illustrators" width="16" height="16"></use></svg> 1431 </div> 1432 <div class="flex flex-column"> 1433 <p class="menu-page-title">Illustrators</p> 1434 </div> 1435 </div> 1436 </a> 1437 </li> 1438 1439 1440 <li class="dropdown_item"> 1441 <a href="/online-portfolio/graphic-design-website"> 1442 <div class="flex flex-column"> 1443 <div class="pixpa-menu-svg"> 1444 <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-graphic-design" width="16" height="16"></use></svg> 1445 </div> 1446 <div class="flex flex-column"> 1447 <p class="menu-page-title">Graphic Designers</p> 1448 </div> 1449 </div> 1450 </a> 1451 </li> 1452 1453 1454 <li class="dropdown_item"> 1455 <a href="/online-portfolio/ui-ux-design-website"> 1456 <div class="flex flex-column"> 1457 <div class="pixpa-menu-svg"> 1458 <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-uiuxdesigners" width="16" height="16"></use></svg> 1459 </div> 1460 <div class="flex flex-column"> 1461 <p class="menu-page-title">UI/UX Designers</p> 1462 </div> 1463 </div> 1464 </a> 1465 </li> 1466 1467 1468 <li class="dropdown_item"> 1469 <a href="/online-portfolio/models-website"> 1470 <div class="flex flex-column"> 1471 <div class="pixpa-menu-svg"> 1472 <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-modelsactors" width="16" height="16"></use></svg> 1473 </div> 1474 <div class="flex flex-column"> 1475 <p class="menu-page-title">Models & Actors</p> 1476 </div> 1477 </div> 1478 </a> 1479 </li> 1480 1481 1482 <li class="dropdown_item"> 1483 <a href="/online-portfolio/fashion-design-website"> 1484 <div class="flex flex-column"> 1485 <div class="pixpa-menu-svg"> 1486 <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-fashion-design" width="16" height="16"></use></svg> 1487 </div> 1488 <div class="flex flex-column"> 1489 <p class="menu-page-title">Fashion Designers & Stylists</p> 1490 </div> 1491 </div> 1492 </a> 1493 </li> 1494 1495 1496 <li class="dropdown_item"> 1497 <a href="/online-portfolio/architecture-website"> 1498 <div class="flex flex-column"> 1499 <div class="pixpa-menu-svg"> 1500 <svg viewbox="0 0 16 13"><use xlink:href="#pixpa-tour-architects" width="16" height="13"></use></svg> 1501 </div> 1502 <div class="flex flex-column"> 1503 <p class="menu-page-title">Architects & Interior Designers</p> 1504 </div> 1505 </div> 1506 </a> 1507 </li> 1508 1509 1510 <li class="dropdown_item"> 1511 <a href="/online-portfolio/musicians-website"> 1512 <div class="flex flex-column"> 1513 <div class="pixpa-menu-svg"> 1514 <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-musicians" width="16" height="16"></use></svg> 1515 </div> 1516 <div class="flex flex-column"> 1517 <p class="menu-page-title">Musicians & Performers</p> 1518 </div> 1519 </div> 1520 </a> 1521 </li> 1522 1523 1524 <li class="dropdown_item"> 1525 <a href="/online-portfolio/writer-website"> 1526 <div class="flex flex-column"> 1527 <div class="pixpa-menu-svg"> 1528 <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-writers" width="16" height="16"></use></svg> 1529 </div> 1530 <div class="flex flex-column"> 1531 <p class="menu-page-title">Writers & Authors</p> 1532 </div> 1533 </div> 1534 </a> 1535 </li> 1536 1537 1538 <li class="dropdown_item nav-tour-hub"> 1539 <a href="/online-portfolio"> 1540 <div class="flex flex-column"> 1541 <div class="pixpa-menu-svg"> 1542 <svg viewbox="0 0 16 16"><use xlink:href="#pixpa-tour-creative" width="16" height="16"></use></svg> 1543 </div> 1544 <div class="flex flex-column"> 1545 <p class="menu-page-title">Portfolio websites for every creative field</p> 1546 </div> 1547 </div> 1548 </a> 1549 </li> 1550 </ul> 1551 </div> 1552 </div> 1553 </div> 1554 </div> 1555 1556 <div class="mobilemenu-grid-item "> 1557 <div class="mobilemenu-grid-item-link"> 1558 <a href="/templates">Templates</a> 1559 </div> 1560 </div> 1561 1562 <div class="mobilemenu-grid-item "> 1563 <div class="mobilemenu-grid-item-link"> 1564 <a href="/examples">Examples</a> 1565 </div> 1566 </div> 1567 1568 <div class="mobilemenu-grid-item "> 1569 <div class="mobilemenu-grid-item-link"> 1570 <a href="/pricing">Pricing</a> 1571 </div> 1572 </div> 1573 1574 <div class="mobilemenu-grid-item"> 1575 <div class="mobilemenu-grid-item-link js-dropdown-mobilemenu-grid-item-link">
1576 <span>Resources</span> 1577 <svg viewbox="0 0 668 468.75" class="menuicon"><use xlink:href="#pixpa-downarrow-menuicon"></use></svg> 1578 </div> 1579 <div class="dropdown-mobilemenu-grid-item-content js-dropdown-mobilemenu-grid-item-content" style="height: 0"> 1580 <div class="dropdown-products-menu-container dropdown-mobilemenu-grid-item-content-height"> 1581 <div class="dropdown-products-menu-left"> 1582 <div class="mobilesubmenu-grid"> 1583 <div class="mobilesubmenu-grid-item"> 1584 <ul class="dropdown_list dropdown-products-menu-list"> 1585 <li class="dropdown_item"> 1586 <a href="/why-pixpa"> 1587 <div class="flex flex-column"> 1588 <div class="pixpa-menu-svg"> 1589 <svg viewbox="0 0 24 22"><use xlink:href="#pixpa-whypixpa-menuicon" width="24" height="22"></use></svg> 1590 </div> 1591 <div class="flex flex-column"> 1592 <p class="menu-page-title">Why Choose Pixpa?</p> 1593 <span>One platform for your website, client galleries and store. See what makes it different.</span> 1594 </div> 1595 </div> 1596 </a> 1597 </li> 1598 1599 <li class="dropdown_item"> 1600 <a href="/students"> 1601 <div class="flex flex-column"> 1602 <div class="pixpa-menu-svg"> 1603 <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-student-menuicon" width="24" height="22"></use></svg> 1604 </div> 1605 <div class="flex flex-column"> 1606 <p class="menu-page-title">Students & Educators</p> 1607 <span>Get up to 55% off on all plans with Pixpa Edu discounts. </span> 1608 </div> 1609 </div> 1610 </a> 1611 </li> 1612 1613 1614 1615 1616 <li class="dropdown_item"> 1617 <a href="/blog"> 1618 <div class="flex flex-column"> 1619 <div class="pixpa-menu-svg"> 1620 <svg viewbox="0 0 24 22"><use xlink:href="#pixpa-blog-menuicon" width="24" height="22"></use></svg> 1621 </div> 1622 <div class="flex flex-column"> 1623 <p class="menu-page-title">The Pixpa Blog</p> 1624 <span>Guides and inspiration</span> 1625 </div> 1626 </div> 1627 </a> 1628 </li> 1629 1630 1631 <li class="dropdown_item"> 1632 <a href="https://help.pixpa.com/"> 1633 <div class="flex flex-column"> 1634 <div class="pixpa-menu-svg"> 1635 <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-helpcenter-menuicon" width="24" height="22"></use></svg> 1636 </div> 1637 <div class="flex flex-column"> 1638 <p class="menu-page-title">Help Center</p> 1639 <span>Guides and tutorials, 20+ languages</span> 1640 </div> 1641 </div> 1642 </a> 1643 </li> 1644 1645 <li class="dropdown_item"> 1646 <a href="/updates"> 1647 <div class="flex flex-column"> 1648 <div class="pixpa-menu-svg"> 1649 <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-productupdate-menuicon" width="24" height="22"></use></svg> 1650 </div> 1651 <div class="flex flex-column"> 1652 <p class="menu-page-title">Product Updates</p>
1653 <span>What’s new on Pixpa</span> 1654 </div> 1655 </div> 1656 </a> 1657 </li> 1658 1659 <li class="dropdown_item"> 1660 <a href="/clients"> 1661 <div class="flex flex-column"> 1662 <div class="pixpa-menu-svg"> 1663 <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-customerstore-menuicon" width="24" height="22"></use></svg> 1664 </div> 1665 <div class="flex flex-column"> 1666 <p class="menu-page-title">Customer Stories</p> 1667 <span>Real sites and switcher stories</span> 1668 </div> 1669 </div> 1670 </a> 1671 </li> 1672 1673 1674 <li class="dropdown_item"> 1675 <a href="/apps"> 1676 <div class="flex flex-column"> 1677 <div class="pixpa-menu-svg"> 1678 <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-integration-menuicon" width="24" height="22"></use></svg> 1679 </div> 1680 <div class="flex flex-column"> 1681 <p class="menu-page-title">Apps & Integrations</p> 1682 <span>100+ apps and integrations</span> 1683 </div> 1684 </div> 1685 </a> 1686 </li> 1687 1688 1689 1690 <li class="dropdown_item"> 1691 <a href="/affiliates"> 1692 <div class="flex flex-column"> 1693 <div class="pixpa-menu-svg"> 1694 <svg viewbox="0 0 24 24"><use xlink:href="#pixpa-partner-menuicon" width="24" height="22"></use></svg> 1695 </div> 1696 <div class="flex flex-column"> 1697 <p class="menu-page-title">Become an Affiliate</p> 1698 <span>Promote Pixpa, earn rewards</span> 1699 </div> 1700 </div> 1701 </a> 1702 </li> 1703 1704 1705 1706 </ul> 1707 </div> 1708 </div> 1709 </div> 1710 1711 <div class="dropdown-products-menu-right"> 1712 <div class="dropdown-products-menu-right-container"> 1713 <p class="menu-title padding-b0 website-setup-title">Get Your Website Set Up</p> 1714 <p class="menu-description margin-t10">A Pixpa designer builds it from your brief, images and content. Review and publish. <span class="website-setup-menu-price"><span class="website-setup-menu-price-was">$399</span><span class="website-setup-menu-price-now">$199</span><span class="website-setup-menu-price-badge">Limited Time Offer</span></span></p> 1715 <div class="border-banimate-link color-white display-inblock section-desc margin-t5 padding-b0"> 1716 <a href="/website-setup-service" class="effect-1 padding-b0 lh-15">Setup Now <svg viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></a> 1717 <span class="focus-border"></span> 1718 </div> 1719 </div> 1720 </div> 1721 </div> 1722 </div> 1723 </div> 1724 1725 <div class="mobilemenu-grid-item"> 1726 <div class="mobilemenu-grid-item-link js-dropdown-mobilemenu-grid-item-link"> 1727 <div class="display-flex "> 1728 <svg viewbox="0 0 496 512" style="margin-right: 5px; width: 15px;"><use xlink:href="#pixpa-globe-menuicon"></use></svg> 1729 <span class="js-pixpa-weglot-input text-transform-u notranslate">EN</span> 1730 </div> 1731 <svg viewbox="0 0 668 468.75" class="menuicon"><use xlink:href="#pixpa-downarrow-menuicon"></use></svg> 1732 </div> 1733 <div class="dropdown-mobilemenu-grid-item-content js-dropdown-mobilemenu-grid-item-content" style="height: 0"> 1734 <div class="dropdown nav-dropdown-language dropdown-mobilemenu-grid-item-content-height">
1735 <div class="mobilesubmenu-grid-item"> 1736 <ul class="dropdown_list js-pixpa-weglot-language notranslate gtranslate-desktop dropdown-products-menu-list"> 1737 <li class="dropdown_item"><a href="https://www.pixpa.com/start-blog" data-value="en" data-gt-href="https://www.pixpa.com/start-blog" class="menu-page-title nturl notranslate active">English</a></li> 1738 <li class="dropdown_item"><a href="https://www.pixpa.com/es/start-blog" data-value="es" data-gt-href="https://www.pixpa.com/es/start-blog" class="menu-page-title nturl notranslate ">Español</a></li> 1739 <li class="dropdown_item"><a href="https://www.pixpa.com/fr/start-blog" data-value="fr" data-gt-href="https://www.pixpa.com/fr/start-blog" class="menu-page-title nturl notranslate ">Français</a></li> 1740 <li class="dropdown_item"><a href="https://www.pixpa.com/de/start-blog" data-value="de" data-gt-href="https://www.pixpa.com/de/start-blog" class="menu-page-title nturl notranslate ">Deutsch</a></li> 1741 <li class="dropdown_item"><a href="https://www.pixpa.com/pt/start-blog" data-value="pt" data-gt-href="https://www.pixpa.com/pt/start-blog" class="menu-page-title nturl notranslate ">Português</a></li> 1742 <li class="dropdown_item"><a href="https://www.pixpa.com/nl/start-blog" data-value="nl" data-gt-href="https://www.pixpa.com/nl/start-blog" class="menu-page-title nturl notranslate ">Nederlands</a></li> 1743 <li class="dropdown_item"><a href="https://www.pixpa.com/it/start-blog" data-value="it" data-gt-href="https://www.pixpa.com/it/start-blog" class="menu-page-title nturl notranslate ">Italiano</a></li> 1744 <li class="dropdown_item"><a href="https://www.pixpa.com/pl/start-blog" data-value="pl" data-gt-href="https://www.pixpa.com/pl/start-blog" class="menu-page-title nturl notranslate ">Polski</a></li> 1745 <li class="dropdown_item"><a href="https://www.pixpa.com/ru/start-blog" data-value="ru" data-gt-href="https://www.pixpa.com/ru/start-blog" class="menu-page-title nturl notranslate ">Русский</a></li> 1746 1747 1748 </ul> 1749 </div> 1750 </div> 1751 </div> 1752 </div> 1753 1754 1755 </div> 1756 1757 <div class="mobilemenu-loginsignupcontainer"> 1758 <a href="https://studio.pixpa.com" class="display-flex login">Login</a> 1759 <a href="https://studio.pixpa.com/signup" class="display-flex">Start Free</a> 1760 </div> 1761 </div> 1762</div> 1763<!-- Google Tag Manager (noscript) --> 1764<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 1764-1765
1764 1765<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1765GTM-TCNVDCR
vendor: 84 bytes, line 1765
1765" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1766<!-- End Google Tag Manager (noscript) --> 1767<!-- Google Tag Manager (noscript) End --> 1768 1769 1770 1771<div class="gtranslate_wrapper" style="display: none"></div>
1772<script async>window.gtranslateSettings = {"default_language":"en","native_language_names":true,"detect_browser_language":true,"url_structure":"sub_directory", 1773"languages":["en","de","es","fr","it","nl","pt","ru","pl"], 1774"wrapper_selector":".gtranslate_wrapper","horizontal_position":"right","vertical_position":"bottom"}</script>
vendor: 1 bytes, line 1774
1774
1775<script src="https://cdn.gtranslate.net/widgets/latest/dropdown.js" defer></script>
1775 1776 1777 1778 <!--hero banner start--> 1779 1780 <section class="hero-container-01 pixpa-website-section-01 websites-hero websites-hero--dark padding-tb150 padding-b0 center color-white blog-hero"> 1781 <div class="home-container position-rel max-w1440"> 1782 <div class="section-top-title-container w-80"> 1783 <div class="homepage-section-subtitle-top text-transform-u flex-inline-center width-fitcontent websites-hero__pill" aria-hidden="true"> 1784 <span class="rating-pill-stars margin-r10"><svg class="rating-pill-stars__full" focusable="false" viewbox="0 0 146 27"><use xlink:href="#pixpa-rating" width="146" height="27"></use></svg><svg class="rating-pill-stars__one" focusable="false" viewbox="0 0 26 27"><use xlink:href="#pixpa-rating" width="146" height="27"></use></svg></span> 1785 <span>4.7/5 on Capterra </span><span class="rating-pill-sep"> · </span><span class="rating-pill-line2">Top rated for 12+ years</span> 1786 </div> 1787 <h1 class="section-title title-54 w-mmax-60 margin-0auto"> 1788 Your Blog, Your Portfolio and Your <br>Client Galleries. <span class="home-serif-italic">One Site.</span> 1789 </h1> 1790 1791 <p class="section-description lh-15">Write posts, drop in galleries and publish on the same site as your <a class="desc-link" href="/websites">portfolio website</a>, your <a class="desc-link" href="/clientgalleries">client galleries</a> and your store. One platform, no second blog tool to pay for.</p> 1792 1793 <div class="section-button"> 1794 <a href="https://studio.pixpa.com/signup" class="button v-mwhite">Start Your Free Trial <span class="menu-svg-icon margin-l5"><svg aria-hidden="true" focusable="false" viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></span></a> 1795 </div> 1796 <div class="clearfix"></div> 1797 <p class="free-trail display-inline-b color-media-grey">15 days free trial · No card required</p> 1798 </div> 1799 <div class="clearfix"></div> 1800 <!--hero mock start--> 1801 1802 <section id="js-pixpa-marketingtool-banner-container" class="pixpa-marketingtool-banner-container margin-t60 ux-portfolio portfolio-hero-mock blog-hero-mock"> 1803 <div class="portfolio-hero-mock__frame"> 1804 <div class="pixpa-marketingtool-banner-left parallax-progress websites-hero__mobile"> 1805 <img class="lazyload pixpa-marketingtool-img" width="780" height="600" alt="Blog on a Pixpa website, shown on mobile" src="https://px-web-images-v2.pixpa.com/wRtCHO4z2FPRzF2uQ_Aveli58TSjXZ9jXPvZpz0HL98/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA5LTE0NDA1Ny0yNjgvcGl4cGFjb20vaW1hZ2VzL3N0YXJ0LWJsb2cvYmxvZ19oZXJvX2Jhbm5lcl9tb2JpbGUucG5n" loading="lazy"> 1806 </div> 1807 1808 <img class="portfolio-hero-mock__main" width="2790" height="1306" alt="Blog listing on a website built with Pixpa" src="https://px-web-images-v2.pixpa.com/WMF8VNP5KpZmrMyoyXFwJGzdG0xSCS1RYv_IUcb08lk/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA5LTE0NDA1Ny0yNjgvcGl4cGFjb20vaW1hZ2VzL3N0YXJ0LWJsb2cvYmxvZ19oZXJvX2Jhbm5lcl9kZXNrdG9wLnBuZw==" loading="eager" fetchpriority="high"> 1809 1810 <div class="portfolio-hero-mock__chip blog-hero-mock__chip--threeblogs parallax-progress"> 1811 <img class="lazyload" width="478" height="160" alt="Three blogs, one site" src="https://px-web-images-v2.pixpa.com/f1wWAPjVQlTYVtDxXwRdocORt8BsPs8oUMABmtVsT5Q/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA5LTE0NDA1Ny0yNjgvcGl4cGFjb20vaW1hZ2VzL3N0YXJ0LWJsb2cvYmxvZ19jaGlwX3RocmVlYmxvZ3MucG5n" loading="lazy"> 1812 </div> 1813 1814 <div class="portfolio-hero-mock__chip blog-hero-mock__chip--fullres parallax-progress"> 1815 <img class="lazyload" width="506" height="160" alt="Full-resolution images" src="https://px-web-images-v2.pixpa.com/Gs3pkAZVsiLCb3qwEj3R8YNZzxLOkW16XtC_rkrtO3s/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA5LTE0NDA1Ny0yNjgvcGl4cGFjb20vaW1hZ2VzL3N0YXJ0LWJsb2cvYmxvZ19jaGlwX2Z1bGxyZXMucG5n" loading="lazy"> 1816 </div> 1817 1818 <div class="portfolio-hero-mock__chip blog-hero-mock__chip--scheduled parallax-progress"> 1819 <img class="lazyload" width="484" height="160" alt="Scheduled for Friday" src="https://px-web-images-v2.pixpa.com/Tqf6HSYn0hd3Debsh-Ekv8dk3jvGOdXB0-dtxG6-F6A/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA5LTE0NDA1Ny0yNjgvcGl4cGFjb20vaW1hZ2VzL3N0YXJ0LWJsb2cvYmxvZ19jaGlwX3NjaGVkdWxlZC5wbmc=" loading="lazy"> 1820 </div> 1821 </div> 1822 </section> 1823 <!--hero mock end--> 1824 </div> 1825 </section> 1826 <!--hero banner end--> 1827 1828 1829 <section class="padding-tb70 clientgal-intro portfolio-basics blog-definition"> 1830 <div class="max-w1440"> 1831 <div class="section-top-title-container w-70"> 1832 <p class="section-description">A blog website builder lets you publish dated posts on your own domain without plugins or separate hosting. On Pixpa, the blog is part of your website, built in the same editor, and you can run several separate blogs on one site.</p> 1833 </div> 1834 </div> 1835 </section> 1836 1837 1838 <section class="padding-tb150 padding-lr0 blog-whypixpa"> 1839 <div class="home-builtin-intro px-container"> 1840 <p class="home-eyebrow home-eyebrow--center">Why Blog on Pixpa</p> 1841 <h2 class="home-builtin-title">Blogging that comes with <br><span class="home-serif-italic">the rest of your site</span></h2> 1842 </div> 1843 1844 <div class="home-features px-container px-container--wide margin-t90"> 1845 <div class="home-feature">
1846 <span class="home-feature-icon"><svg viewbox="0 0 36 36"><use xlink:href="#pixpa-feature-templates" width="36" height="36"></use></svg></span> 1847 <p class="home-feature-title">Run multiple blogs</p> 1848 <p class="home-feature-desc">A What’s New, a journal, a stories section. Separate posts, tags and layouts for each.</p> 1849 </div> 1850 1851 <div class="home-feature"> 1852 <span class="home-feature-icon"><svg viewbox="0 0 36 36"><use xlink:href="#pixpa-sell-fulfillment" width="36" height="36"></use></svg></span> 1853 <p class="home-feature-title">One platform</p> 1854 <p class="home-feature-desc">The blog sits with your portfolio, client galleries and store. One login, one domain.</p> 1855 </div> 1856 1857 <div class="home-feature"> 1858 <span class="home-feature-icon"><svg viewbox="0 0 36 36"><use xlink:href="#pixpa-feature-commission-svg" width="36" height="36"></use></svg></span> 1859 <p class="home-feature-title">Included on every plan</p> 1860 <p class="home-feature-desc">Blogging is not held back for a higher tier. It is there from the plan you start on.</p> 1861 </div> 1862 1863 <div class="home-feature"> 1864 <span class="home-feature-icon"><svg viewbox="0 0 36 36"><use xlink:href="#pixpa-feature-chatsupport-svg" width="36" height="36"></use></svg></span> 1865 <p class="home-feature-title">Media-heavy posts</p> 1866 <p class="home-feature-desc">Galleries, video and embeds inside posts, with images served at full resolution.</p> 1867 </div> 1868 1869 </div> 1870 1871 <div class="online-portfolio-quote px-container px-container--wide"> 1872 <div class="online-portfolio-quote__inner"> 1873 1874 <p class="online-portfolio-quote__text">“I’m a big fan of being able to organize a blog, a portfolio, a contact platform, and a selling platform all on the same website.”</p> 1875 <div class="online-portfolio-quote__author"> 1876 <p class="online-portfolio-quote__name">Enzo G.</p> 1877 <p class="online-portfolio-quote__role">Photographer and Media Producer · <a href="https://www.capterra.com/p/152263/Pixpa/" target="_blank" rel="noopener">Capterra</a></p> 1878 </div> 1879 </div> 1880 </div> 1881 </section> 1882 1883 1884 <section class="padding-tb150 padding-lr0 websites-why blog-howitworks"> 1885 <div class="home-builtin-intro px-container"> 1886 <p class="home-eyebrow home-eyebrow--center">How It Works</p> 1887 <h2 class="home-builtin-title">Publish on your own site, <br><span class="home-serif-italic">not someone else’s feed</span></h2> 1888 <p class="home-builtin-desc">Add a blog to your Pixpa site, write in the same editor you use for every other page, and publish. Posts live on your domain, carry your design and stay yours.</p> 1889 1890 <div class="websites-why__pills blog-howitworks__jumpto"> 1891 <span class="blog-howitworks__jumpto-label">Jump To</span> 1892 <div class="blog-howitworks__jumpto-pills"> 1893 <a class="websites-why__pill" href="#blog-media">Media-heavy posts</a> 1894 <a class="websites-why__pill" href="#blog-multiple">Multiple blogs</a> 1895 <a class="websites-why__pill" href="#blog-subscribers">Subscribers</a> 1896 <a class="websites-why__pill" href="#blog-design">Blog design</a> 1897 <a class="websites-why__pill" href="#blog-features">Features</a> 1898 </div> 1899 </div> 1900 </div> 1901 </section> 1902 1903 1904 <section id="blog-media" class="padding-tb150 websites-galleries blog-media"> 1905 <div class="websites-galleries__inner max-w1440"> 1906 <div class="websites-galleries__right"> 1907 <p class="home-eyebrow">Images, Galleries, Videos, Embeds</p> 1908 <h2 class="websites-galleries__title">Create media-heavy posts <span class="home-serif-italic">without a hosting bill</span></h2> 1909 <p class="websites-galleries__lead">Images inside posts are handled the same way as images in your portfolio: uploaded once, served at full resolution, compressed and lazy-loaded automatically.</p> 1910 <ul class="websites-galleries__list"> 1911 <li class="websites-galleries__item"> 1912 <div class="websites-galleries__item-head">
1913 <span class="websites-galleries__icon"><svg viewbox="0 0 32 32"><use xlink:href="#pixpa-blog-fullres" width="32" height="32"></use></svg></span> 1914 <p class="websites-galleries__item-title">Full resolution, always</p> 1915 </div> 1916 <p class="websites-galleries__item-desc">Your images are served at the quality you uploaded them at, not downgraded to save space.</p> 1917 </li> 1918 <li class="websites-galleries__item"> 1919 <div class="websites-galleries__item-head"> 1920 <span class="websites-galleries__icon"><svg viewbox="0 0 32 32"><use xlink:href="#pixpa-blog-galleries" width="32" height="32"></use></svg></span> 1921 <p class="websites-galleries__item-title">Post galleries</p> 1922 </div> 1923 <p class="websites-galleries__item-desc">Add a full gallery above or below the post body, not just images dropped inline.</p> 1924 </li> 1925 <li class="websites-galleries__item"> 1926 <div class="websites-galleries__item-head"> 1927 <span class="websites-galleries__icon"><svg viewbox="0 0 32 32"><use xlink:href="#pixpa-blog-video" width="32" height="32"></use></svg></span> 1928 <p class="websites-galleries__item-title">Video and embeds</p> 1929 </div> 1930 <p class="websites-galleries__item-desc">Drop in video, Instagram, Spotify or any embed without touching code.</p> 1931 </li> 1932 <li class="websites-galleries__item"> 1933 <div class="websites-galleries__item-head"> 1934 <span class="websites-galleries__icon"><svg viewbox="0 0 32 32"><use xlink:href="#pixpa-blog-storage" width="32" height="32"></use></svg></span> 1935 <p class="websites-galleries__item-title">No storage tiers</p> 1936 </div> 1937 <p class="websites-galleries__item-desc">Unlimited images from Creator up. You are not watching a media library fill up.</p> 1938 </li> 1939 </ul> 1940 1941 <div class="home-stories websites-story-card blog-media__stories"> 1942 <div class="home-story-card"> 1943 1944 <p class="home-story-card__quote">“I can upload as many pictures as I want. As a photographer, it’s very important that they’re displayed in high resolution.”</p> 1945 <div class="home-story-card__author"> 1946 <span class="home-story-card__meta"> 1947 <span class="home-story-card__name">Silas H.</span> 1948 <span class="home-story-card__role">Switched from Squarespace and Blogger · <a href="https://www.capterra.com/p/152263/Pixpa/" target="_blank" rel="noopener">Capterra</a></span> 1949 </span> 1950 </div> 1951 </div> 1952 </div> 1953 </div> 1954 1955 <div class="websites-galleries__left"> 1956 <div class="websites-galleries__media"> 1957 <img class="websites-galleries__img" src="https://px-web-images-v2.pixpa.com/7alxXO-X91kUX6IobLcjRj0Md8dYqHdpsQ51EuEb3Qw/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA5LTE0NDA1Ny0yNjgvcGl4cGFjb20vaW1hZ2VzL3N0YXJ0LWJsb2cvYmxvZ19tZWRpYV9wb3N0cy5wbmc=" width="1531" height="1207" alt="A media-heavy blog post with galleries on a Pixpa site" loading="lazy"> 1958 </div> 1959 </div> 1960 </div> 1961 </section> 1962 1963 1964 <section class="padding-tb150 websites-integrations websites-integrations--steps blog-howto"> 1965 <div class="max-w1440"> 1966 <div class="section-top-title-container w-85 text-center"> 1967 <h2 class="section-title">How to start a blog <br><span class="home-serif-italic">with Pixpa</span></h2> 1968 </div> 1969 <div class="websites-integrations__grid"> 1970 <div class="websites-integrations__card"> 1971 <span class="websites-integrations__card-media"><img src="https://px-web-images-v2.pixpa.com/utKrn_HKvWnV9SwIqPbO9ob7A2tae-I2211QnhXAOmY/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA5LTE0NDA1Ny0yNjgvcGl4cGFjb20vaW1hZ2VzL3N0YXJ0LWJsb2cvYmxvZ19zdGVwXzAxX3RlbXBsYXRlLnBuZw==" width="565" height="412" alt="Pick a template" loading="lazy"></span> 1972 <div class="blog-howto__card-head">
1973 <span class="blog-howto__num">1</span> 1974 <p class="websites-integrations__card-title">Pick a template</p> 1975 </div> 1976 <p class="websites-integrations__card-desc">Choose from <a class="desc-link" href="/templates">200+ designs</a>. The blog inherits the look of the site you build.</p> 1977 </div> 1978 <div class="websites-integrations__card"> 1979 <span class="websites-integrations__card-media"><img src="https://px-web-images-v2.pixpa.com/3t33Y3V1QZCdbOUp2u4AtOCU6uhTBGerd-nty6mqdo0/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA5LTE0NDA1Ny0yNjgvcGl4cGFjb20vaW1hZ2VzL3N0YXJ0LWJsb2cvYmxvZ19zdGVwXzAyX2Jsb2dwYWdlLnBuZw==" width="565" height="412" alt="Add a blog page" loading="lazy"></span> 1980 <div class="blog-howto__card-head"> 1981 <span class="blog-howto__num">2</span> 1982 <p class="websites-integrations__card-title">Add a blog page</p> 1983 </div> 1984 <p class="websites-integrations__card-desc">One click adds the blog and its listing page to your site navigation.</p> 1985 </div> 1986 <div class="websites-integrations__card"> 1987 <span class="websites-integrations__card-media"><img src="https://px-web-images-v2.pixpa.com/TwFmMD0nU2Gho7rmrqlsux5_A3SL47yKTBxryC4H3hA/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA5LTE0NDA1Ny0yNjgvcGl4cGFjb20vaW1hZ2VzL3N0YXJ0LWJsb2cvYmxvZ19zdGVwXzAzX2xheW91dC5wbmc=" width="565" height="412" alt="Choose your layout" loading="lazy"></span> 1988 <div class="blog-howto__card-head"> 1989 <span class="blog-howto__num">3</span> 1990 <p class="websites-integrations__card-title">Choose your layout</p> 1991 </div> 1992 <p class="websites-integrations__card-desc">Set post layouts, banners, sidebar widgets and image styles from the settings panel.</p> 1993 </div> 1994 <div class="websites-integrations__card"> 1995 <span class="websites-integrations__card-media"><img src="https://px-web-images-v2.pixpa.com/KJIrHlVqV9LdKw10D1bl7RxJdgZ7nKwe86UkGTZEpOA/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA5LTE0NDA1Ny0yNjgvcGl4cGFjb20vaW1hZ2VzL3N0YXJ0LWJsb2cvYmxvZ19zdGVwXzA0X3B1Ymxpc2gucG5n" width="565" height="412" alt="Write and publish" loading="lazy"></span> 1996 <div class="blog-howto__card-head"> 1997 <span class="blog-howto__num">4</span> 1998 <p class="websites-integrations__card-title">Write and publish</p> 1999 </div> 2000 <p class="websites-integrations__card-desc">Write now or publish now, and your post goes live on your own domain.</p> 2001 </div> 2002 </div> 2003 </div> 2004 </section> 2005 2006 2007 <section id="blog-multiple" class="padding-tb150 padding-lr0 blog-multi"> 2008 <div class="home-builtin-intro px-container"> 2009 <p class="home-eyebrow home-eyebrow--center">Multiple Blogs</p> 2010 <h2 class="home-builtin-title">Run a journal, a What’s New and a stories section, <span class="home-serif-italic">all on one site</span></h2> 2011 <p class="home-builtin-desc">Most builders give you one blog. Pixpa gives you as many as you need, each fully separate: its own posts, its own tags, its own layout, its own place in your navigation.</p> 2012 </div> 2013 2014 <div class="blog-multi__panels px-container px-container--wide"> 2015 <div class="blog-multi__panel"><img src="https://px-web-images-v2.pixpa.com/rrjUPXQCDKnZpCJbqKt85k_il-bvcu5tRdPGZRSCpl0/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA5LTE0NDA1Ny0yNjgvcGl4cGFjb20vaW1hZ2VzL3N0YXJ0LWJsb2cvYmxvZ19tdWx0aV9qb3VybmFsLnBuZw==" width="779" height="482" alt="Journal blog on a Pixpa site" loading="lazy"></div> 2016 <div class="blog-multi__panel"><img src="https://px-web-images-v2.pixpa.com/D5_sa80o7Qd7KPX_yd-PuLQ2b9QdZYmEJLSSM6fJYwA/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA5LTE0NDA1Ny0yNjgvcGl4cGFjb20vaW1hZ2VzL3N0YXJ0LWJsb2cvYmxvZ19tdWx0aV93aGF0c25ldy5wbmc=" width="779" height="482" alt="What’s New blog on a Pixpa site" loading="lazy"></div> 2017 <div class="blog-multi__panel"><img src="https://px-web-images-v2.pixpa.com/idzS-ye3Ol6Rr5q47tBSt8PHCg_wn5q6GRcIQFGAfgU/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA5LTE0NDA1Ny0yNjgvcGl4cGFjb20vaW1hZ2VzL3N0YXJ0LWJsb2cvYmxvZ19tdWx0aV9zdG9yaWVzLnBuZw==" width="7
201779" height="482" alt="Stories blog on a Pixpa site" loading="lazy"></div> 2018 </div> 2019 2020 <div class="blog-multi__features px-container px-container--wide"> 2021 <div class="blog-multi__feature"> 2022 <span class="blog-multi__feature-icon"><svg viewbox="0 0 32 32"><use xlink:href="#pixpa-blog-archives" width="32" height="32"></use></svg></span> 2023 <p class="blog-multi__feature-title">Separate archives</p> 2024 <p class="blog-multi__feature-desc">Each blog keeps its own posts and its own listing page. Nothing bleeds between them.</p> 2025 </div> 2026 <div class="blog-multi__feature"> 2027 <span class="blog-multi__feature-icon"><svg viewbox="0 0 32 32"><use xlink:href="#pixpa-blog-design" width="32" height="32"></use></svg></span> 2028 <p class="blog-multi__feature-title">Its own design</p> 2029 <p class="blog-multi__feature-desc">Set layouts, banners and post styles per blog, so a journal reads differently from a news feed.</p> 2030 </div> 2031 <div class="blog-multi__feature"> 2032 <span class="blog-multi__feature-icon"><svg viewbox="0 0 32 32"><use xlink:href="#pixpa-blog-audience" width="32" height="32"></use></svg></span> 2033 <p class="blog-multi__feature-title">Its own audience</p> 2034 <p class="blog-multi__feature-desc">Categories, tags and RSS run per blog, so readers follow only the one they came for.</p> 2035 </div> 2036 <div class="blog-multi__feature"> 2037 <span class="blog-multi__feature-icon"><svg viewbox="0 0 32 32"><use xlink:href="#pixpa-blog-domain" width="32" height="32"></use></svg></span> 2038 <p class="blog-multi__feature-title">One site, many voices</p> 2039 <p class="blog-multi__feature-desc">Client updates, personal work and project logs live under a single domain.</p> 2040 </div> 2041 </div> 2042 2043 <div class="online-portfolio-quote px-container px-container--wide blog-multi__quote"> 2044 <div class="online-portfolio-quote__inner"> 2045 2046 <p class="online-portfolio-quote__text">“For the last year I’m also the author of two blogs that I run directly from Pixpa.”</p> 2047 <div class="online-portfolio-quote__author"> 2048 <p class="online-portfolio-quote__name">Efthimis P.</p> 2049 <p class="online-portfolio-quote__role">Photographer · <a href="https://www.capterra.com/p/152263/Pixpa/" target="_blank" rel="noopener">Capterra</a></p> 2050 </div> 2051 </div> 2052 </div> 2053 </section> 2054 2055 2056 <section id="blog-subscribers" class="padding-tb150 websites-galleries blog-grow padding-b0"> 2057 <div class="websites-galleries__inner max-w1440"> 2058 <div class="websites-galleries__left"> 2059 <div class="websites-galleries__media"> 2060 <img class="websites-galleries__img" src="https://px-web-images-v2.pixpa.com/h6QAXhXh6lRfB0Sg4kRp-XkqT9dJKudM7xeJEa7QwXc/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA5LTE0NDA1Ny0yNjgvcGl4cGFjb20vaW1hZ2VzL3N0YXJ0LWJsb2cvYmxvZ19ncm93X3JlYWRlcnMucG5n" width="1562" height="1203" alt="A blog post with a newsletter signup on a Pixpa site" loading="lazy"> 2061 </div> 2062 </div> 2063 2064 <div class="websites-galleries__right"> 2065 <p class="home-eyebrow">Grow Your Readers</p> 2066 <h2 class="websites-galleries__title">Turn readers into subscribers <span class="home-serif-italic">and into enquiries</span></h2> 2067 <p class="websites-galleries__lead">Every post sits on the same domain as your booking page and your galleries, so a reader who arrives from search is one click from hiring you.</p> 2068 <ul class="websites-galleries__list"> 2069 <li class="websites-galleries__item"> 2070 <div class="websites-galleries__item-head"> 2071 <span class="websites-galleries__icon"><svg viewbox="0 0 32 32"><use xlink:href="#pixpa-blog-subscribe" width="32" height="32"></use></svg></span> 2072 <p class="websites-galleries__item-title">Subscribe box</p> 2073 </div> 2074 <p class="websites-galleries__item-desc">Add a signup box to the sidebar and collect emails straight into your list.</p> 2075 </li> 2076 <li class="websites-galleries__item"> 2077 <div class="websites-galleries__item-head">
2078 <span class="websites-galleries__icon"><svg viewbox="0 0 32 32"><use xlink:href="#pixpa-blog-oneclick" width="32" height="32"></use></svg></span> 2079 <p class="websites-galleries__item-title">One click from hiring you</p> 2080 </div> 2081 <p class="websites-galleries__item-desc">Posts sit on the same domain as your booking page, galleries and store.</p> 2082 </li> 2083 <li class="websites-galleries__item"> 2084 <div class="websites-galleries__item-head"> 2085 <span class="websites-galleries__icon"><svg viewbox="0 0 32 32"><use xlink:href="#pixpa-blog-share" width="32" height="32"></use></svg></span> 2086 <p class="websites-galleries__item-title">Social sharing</p> 2087 </div> 2088 <p class="websites-galleries__item-desc">One-click sharing on posts, so readers pass the work along themselves.</p> 2089 </li> 2090 </ul> 2091 2092 <div class="home-stories websites-story-card blog-grow__stories"> 2093 <div class="home-story-card"> 2094 2095 <p class="home-story-card__quote">“They had the features I was looking for, with the ability to sell as well as feature my own blog. That’s what sold me.”</p> 2096 <div class="home-story-card__author"> 2097 <span class="home-story-card__meta"> 2098 <span class="home-story-card__name">Ana D.</span> 2099 <span class="home-story-card__role">Photography studio owner · <a href="https://www.capterra.com/p/152263/Pixpa/" target="_blank" rel="noopener">Capterra</a></span> 2100 </span> 2101 </div> 2102 </div> 2103 </div> 2104 </div> 2105 </div> 2106 </section> 2107 2108 2109 <section id="blog-design" class="padding-tb150 websites-integrations websites-integrations--steps blog-design padding-b0"> 2110 <div class="max-w1440"> 2111 <div class="home-builtin-intro px-container"> 2112 <p class="home-eyebrow home-eyebrow--center">Blog Design</p> 2113 <h2 class="home-builtin-title">Customise the design of <br><span class="home-serif-italic">listings and posts</span></h2> 2114 <p class="home-builtin-desc">Blog listing pages and individual posts have their own layout options, set independently and per blog. Fine-tune banners, text and image styles, then override anything with CSS.</p> 2115 </div> 2116 <div class="websites-integrations__grid"> 2117 <div class="websites-integrations__card"> 2118 <span class="websites-integrations__card-media"><img src="https://px-web-images-v2.pixpa.com/fnzUoUlF3zbCzfPvLS3yn7FAjsrFmhakgUK40sBlo3I/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA5LTE0NDA1Ny0yNjgvcGl4cGFjb20vaW1hZ2VzL3N0YXJ0LWJsb2cvYmxvZ19kZXNpZ25fMDFfbGlzdGluZ3MucG5n" width="565" height="412" alt="Layouts for listings" loading="lazy"></span> 2119 <p class="websites-integrations__card-title">Layouts for listings</p> 2120 <p class="websites-integrations__card-desc">Choose how the blog index displays: grid, list, masonry, with or without excerpts.</p> 2121 </div> 2122 <div class="websites-integrations__card"> 2123 <span class="websites-integrations__card-media"><img src="https://px-web-images-v2.pixpa.com/afKDku9tD2RZNKZWc1GU3rUW1CJtz79eNP_o1HVCOg8/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA5LTE0NDA1Ny0yNjgvcGl4cGFjb20vaW1hZ2VzL3N0YXJ0LWJsb2cvYmxvZ19kZXNpZ25fMDJfcG9zdHMucG5n" width="565" height="412" alt="Layouts for posts" loading="lazy"></span> 2124 <p class="websites-integrations__card-title">Layouts for posts</p> 2125 <p class="websites-integrations__card-desc">Set the post template separately from the listing, including banner and gallery position.</p> 2126 </div> 2127 <div class="websites-integrations__card"> 2128 <span class="websites-integrations__card-media"><img src="https://px-web-images-v2.pixpa.com/DwwH6efFFa4pgOJ_5B2QGhYdmRBvMM0pv59M_M0y9zQ/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA5LTE0NDA1Ny0yNjgvcGl4cGFjb20vaW1hZ2VzL3N0YXJ0LWJsb2cvYmxvZ19kZXNpZ25fMDNfc2lkZWJhci5wbmc=" width="565" height="412" alt="Sidebar you control" loading="lazy"></span> 2129 <p class="websites-integrations__card-title">Sidebar you control</p> 2130 <p class="websites-integrations__card-desc">Turn a sidebar on for listings, posts or both, then choose and order the widgets in it.</p> 2131 </div> 2132 <div class="websites-integrations__card">
2133 <span class="websites-integrations__card-media"><img src="https://px-web-images-v2.pixpa.com/PrBCvebhWyLFn6JyjNW02R7PC9z5_ZOPpu2fXqDfEdU/rs:fit:1200:0/q:80/aHR0cHM6Ly9weC1zdHVkaW9hc3NldHMucGl4cGEuY29tL2J1aWxkLTIwMjYxMDA5LTE0NDA1Ny0yNjgvcGl4cGFjb20vaW1hZ2VzL3N0YXJ0LWJsb2cvYmxvZ19kZXNpZ25fMDRfY3NzLnBuZw==" width="565" height="412" alt="Custom CSS and HTML" loading="lazy"></span> 2134 <p class="websites-integrations__card-title">Custom CSS and HTML</p> 2135 <p class="websites-integrations__card-desc">Override anything you want, right down to the post template.</p> 2136 </div> 2137 </div> 2138 </div> 2139 </section> 2140 2141 2142 <section id="blog-features" class="padding-tb150 padding-lr0 blog-included"> 2143 <div class="home-builtin-intro px-container"> 2144 <p class="home-eyebrow home-eyebrow--center">Everything Included</p> 2145 <h2 class="home-builtin-title">The parts of a blog you’d otherwise <span class="home-serif-italic">install a plugin for</span></h2> 2146 <p class="home-builtin-desc">No plugin marketplace, no add-on pricing, no theme updates to keep up with. Every one of these is in the studio the day you start.</p> 2147 </div> 2148 2149 <div class="home-do px-container px-container--wide"> 2150 <div class="home-do__grid"> 2151 <div class="home-do__item"> 2152 <span class="home-do__icon"><svg viewbox="0 0 28 28"><use xlink:href="#pixpa-blog-authors" width="28" height="28"></use></svg></span> 2153 <p class="home-do__name">Authors</p> 2154 <p class="home-do__desc">Create author profiles and assign any post to a name, so guest writers and second shooters get credited.</p> 2155 </div> 2156 <div class="home-do__item"> 2157 <span class="home-do__icon"><svg viewbox="0 0 28 28"><use xlink:href="#pixpa-blog-tags" width="28" height="28"></use></svg></span> 2158 <p class="home-do__name">Categories and tags</p> 2159 <p class="home-do__desc">Sort and filter posts so readers can find the ones they came for, and your archive stays navigable.</p> 2160 </div> 2161 <div class="home-do__item"> 2162 <span class="home-do__icon"><svg viewbox="0 0 28 28"><use xlink:href="#pixpa-blog-rss" width="28" height="28"></use></svg></span> 2163 <p class="home-do__name">RSS feed</p> 2164 <p class="home-do__desc">Every blog generates its own feed automatically. Link it from your header or footer for feed readers.</p> 2165 </div> 2166 <div class="home-do__item"> 2167 <span class="home-do__icon"><svg viewbox="0 0 28 28"><use xlink:href="#pixpa-blog-readtime" width="28" height="28"></use></svg></span> 2168 <p class="home-do__name">Reading time</p> 2169 <p class="home-do__desc">Show readers how long a post takes before they commit to it.</p> 2170 </div> 2171 <div class="home-do__item"> 2172 <span class="home-do__icon"><svg viewbox="0 0 28 28"><use xlink:href="#pixpa-blog-comments" width="28" height="28"></use></svg></span> 2173 <p class="home-do__name">Comments with moderation</p> 2174 <p class="home-do__desc">Readers respond on posts, you approve what appears. No third-party commenting service.</p> 2175 </div> 2176 <div class="home-do__item"> 2177 <span class="home-do__icon"><svg viewbox="0 0 28 28"><use xlink:href="#pixpa-blog-schedule" width="28" height="28"></use></svg></span> 2178 <p class="home-do__name">Scheduled publishing</p> 2179 <p class="home-do__desc">Write when you have time, set a publish date, and the post goes live on its own.</p> 2180 </div> 2181 <div class="home-do__item"> 2182 <span class="home-do__icon"><svg viewbox="0 0 28 28"><use xlink:href="#pixpa-blog-layouts" width="28" height="28"></use></svg></span> 2183 <p class="home-do__name">Multiple layouts</p> 2184 <p class="home-do__desc">Separate design options for blog listing pages and for individual posts, set per blog.</p> 2185 </div> 2186 <div class="home-do__item"> 2187 <span class="home-do__icon"><svg viewbox="0 0 28 28"><use xlink:href="#pixpa-blog-sidebar" width="28" height="28"></use></svg></span> 2188 <p class="home-do__name">Customisable sidebar</p> 2189 <p class="home-do__desc">Turn a sidebar on for listings, posts, or both, then choose and order the widgets in it.</p> 2190 </div> 2191 </div> 2192 </div> 2193 </section> 2194 2195 2196 <section class="home-oneplatform padding-tb150 padding-lr0 websites-galleries blog-platform"> 2197 <div class="home-oneplatform__inner px-container px-container--wide"> 2198 <div class="home-oneplatform__left"> 2199 <p class="home-eyebrow">The case for one platform</p> 2200 <h2 class="home-oneplatform__title">Blog, portfolio, client galleries <span class="home-serif-italic">and store on one plan</span></h2> 2201 <p class="home-oneplatform__desc">Most creators run a portfolio on one platform and a blog on another, paying twice and keeping two designs in sync. On Pixpa they are the same site.</p> 2202 2203 <ul class="websites-galleries__list blog-platform__benefits"> 2204 <li class="websites-galleries__item"> 2205 <div class="websites-galleries__item-head">
2206 <span class="websites-galleries__icon"><svg viewbox="0 0 32 32"><use xlink:href="#pixpa-blog-subscription" width="32" height="32"></use></svg></span> 2207 <p class="websites-galleries__item-title">One subscription</p> 2208 </div> 2209 <p class="websites-galleries__item-desc">Blog, <a class="desc-link" href="/websites">portfolio website</a>, <a class="desc-link" href="/clientgalleries">client galleries</a> and <a class="desc-link" href="/stores">zero-commission store</a> on a single plan.</p> 2210 </li> 2211 <li class="websites-galleries__item"> 2212 <div class="websites-galleries__item-head"> 2213 <span class="websites-galleries__icon"><svg viewbox="0 0 32 32"><use xlink:href="#pixpa-blog-login" width="32" height="32"></use></svg></span> 2214 <p class="websites-galleries__item-title">One login</p> 2215 </div> 2216 <p class="websites-galleries__item-desc">No second dashboard, no plugin layer, no theme updates to manage.</p> 2217 </li> 2218 <li class="websites-galleries__item"> 2219 <div class="websites-galleries__item-head"> 2220 <span class="websites-galleries__icon"><svg viewbox="0 0 32 32"><use xlink:href="#pixpa-blog-domain" width="32" height="32"></use></svg></span> 2221 <p class="websites-galleries__item-title">One domain</p> 2222 </div> 2223 <p class="websites-galleries__item-desc">Posts, portfolio and galleries all live under your own name.</p> 2224 </li> 2225 </ul> 2226 2227 <div class="home-stories websites-story-card blog-platform__stories"> 2228 <div class="home-story-card"> 2229 2230 <p class="home-story-card__quote">“Designing the overall website was easy and intuitive to me. A selling point for me with Pixpa is that it offered a blog, client galleries, as well as selling prints directly through the website. I'm so glad I switched to Pixpa last year!”</p> 2231 <div class="home-story-card__author"> 2232 <span class="home-story-card__meta"> 2233 <span class="home-story-card__name">Whitney S.</span> 2234 <span class="home-story-card__role">Photographer · <a href="https://www.capterra.com/p/152263/Pixpa/" target="_blank" rel="noopener">Capterra</a></span> 2235 </span> 2236 </div> 2237 </div> 2238 </div> 2239 2240 <div class="section-button"> 2241 <a href="https://studio.pixpa.com/signup" class="button v-mblack">Start Your Free Trial <span class="menu-svg-icon margin-l5"><svg aria-hidden="true" focusable="false" viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></span></a> 2242 </div> 2243 <p class="home-oneplatform__note">Blogging is included on every plan, alongside <a class="desc-link" href="/clientgalleries">client galleries</a>, a <a class="desc-link" href="/stores">zero-commission store</a> and 24/7 human support. <a class="desc-link" href="/pricing">See plans</a></p> 2244 </div> 2245 2246 <div class="home-oneplatform__right"> 2247 <div class="home-oneplatform__subs"> 2248 <div class="home-sub-row"> 2249 <span class="home-sub-row__icon"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-pf-website" width="24" height="24"></use></svg></span> 2250 <span class="home-sub-row__label">Website Builder</span> 2251 <span class="home-sub-row__price notranslate">$16/month</span> 2252 </div> 2253 <div class="home-sub-row"> 2254 <span class="home-sub-row__icon"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-pf-galleries" width="24" height="24"></use></svg></span> 2255 <span class="home-sub-row__label">Client Gallery</span> 2256 <span class="home-sub-row__price notranslate">$10/month</span> 2257 </div> 2258 <div class="home-sub-row"> 2259 <span class="home-sub-row__icon"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-pf-store" width="24" height="24"></use></svg></span> 2260 <span class="home-sub-row__label">Online Store</span>
2261 <span class="home-sub-row__price notranslate">+commission</span> 2262 </div> 2263 </div> 2264 2265 <div class="home-oneplatform__arrow"><svg viewbox="0 0 17 17"><use xlink:href="#pixpa-down-arrow" width="17" height="17"></use></svg></div> 2266 2267 <div class="home-oneplatform__card"> 2268 <p class="home-oneplatform__brand"><span>Pixpa</span><span class="home-oneplatform__brand-sep">:</span>One platform. One price.</p> 2269 <div class="home-oneplatform__tiles"> 2270 <a href="/websites" class="home-plat-tile"><span class="home-plat-tile__icon"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-pf-website" width="24" height="24"></use></svg></span><span class="home-plat-tile__label">Website</span></a> 2271 <a href="/clientgalleries" class="home-plat-tile"><span class="home-plat-tile__icon"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-pf-galleries" width="24" height="24"></use></svg></span><span class="home-plat-tile__label">Galleries</span></a> 2272 <a href="/stores" class="home-plat-tile"><span class="home-plat-tile__icon"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-pf-store" width="24" height="24"></use></svg></span><span class="home-plat-tile__label">Store</span></a> 2273 <a href="/start-blog" class="home-plat-tile"><span class="home-plat-tile__icon"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-pf-blog" width="24" height="24"></use></svg></span><span class="home-plat-tile__label">Blog</span></a> 2274 <a href="/marketing-tools" class="home-plat-tile"><span class="home-plat-tile__icon"><svg viewbox="0 0 24 24"><use xlink:href="#pixpa-pf-marketing" width="24" height="24"></use></svg></span><span class="home-plat-tile__label">Marketing</span></a> 2275 </div> 2276 </div> 2277 </div> 2278 </div> 2279 </section> 2280 2281 2282 <section class="section-home-05 padding-tb150 bg-white padding-l0 padding-r0 blog-faq"> 2283 <div class="px-container px-container--wide homepage-faq-container faq-home op-faq"> 2284 <div class="faq-container"> 2285 <div class="faq-intro"> 2286 <p class="faq-intro__eyebrow">FAQs</p> 2287 <h2 class="faq-heading-title">Frequently Asked Questions</h2> 2288 <p class="faq-intro__sub">Everything else you might want to know before you start. Still curious? Live chat is open 24/7.</p> 2289 <div class="section-button blog-faq__cta"> 2290 <a href="https://help.pixpa.com/" target="_blank" rel="noopener" class="button v-mblack">Start a live chat <span class="menu-svg-icon margin-l5"><svg aria-hidden="true" focusable="false" viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></span></a> 2291 </div> 2292 </div> 2293 <div id="faq-container"> 2294 <div class="faqs-grid-container pxp-block"> 2295 <h3 class="js-faq-title faq-title faq-title-svg-right active" role="button" tabindex="0" aria-expanded="true"> 2296 <span class="faq-text">Is the blog included on the Basic plan?</span> 2297 <span class="dropdown-icons right"><svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewbox="0 0 24 30"><path d="M11.95,17.28h0a.75.75,0,0,1-.53-.22l-8.95-9A.75.75,0,1,1,3.53,7L12,15.46l8.52-8.52A.75.75,0,0,1,21.53,8l-9.05,9.05A.75.75,0,0,1,11.95,17.28Z"></path></svg></span> 2298 </h3> 2299 <div class="description-para js-faq-descriptions descriptions active" style="display:block;"> 2300 <p>Yes. Blogging is included on every Pixpa plan. The entry plan includes one blog with unlimited posts, and higher plans allow unlimited separate blogs, each with its own layout, tags and posts.</p> 2301 </div> 2302 </div> 2303 2304 <div class="faqs-grid-container pxp-block"> 2305 <h3 class="js-faq-title faq-title faq-title-svg-right" role="button" tabindex="0" aria-expanded="false"> 2306 <span class="faq-text">Can I have more than one blog on one website?</span> 2307 <span class="dropdown-icons right"><svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewbox="0 0 24 30"><path d="M11.95,17.28h0a.75.75,0,0,1-.53-.22l-8.95-9A.75.75,0,1,1,3.53,7L12,15.46l8.52-8.52A.75.75,0,0,1,21.53,8l-9.05,9.05A.75.75,0,0,1,11.95,17.28Z"></path></svg></span> 2308 </h3> 2309 <div class="description-para js-faq-descriptions descriptions"> 2310 2311 <p>Yes, on Creator plans and above. Pixpa lets you run several separate blogs on a single website, for example a journal, a What’s New section and a stories section. Each blog has its own posts, tags, layout and listing page.</p> 2312 </div> 2313 </div> 2314 2315 <div class="faqs-grid-container pxp-block"> 2316 <h3 class="js-faq-title faq-title faq-title-svg-right" role="button" tabindex="0" aria-expanded="false">
2317 <span class="faq-text">Can I import my existing blog posts?</span> 2318 <span class="dropdown-icons right"><svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewbox="0 0 24 30"><path d="M11.95,17.28h0a.75.75,0,0,1-.53-.22l-8.95-9A.75.75,0,1,1,3.53,7L12,15.46l8.52-8.52A.75.75,0,0,1,21.53,8l-9.05,9.05A.75.75,0,0,1,11.95,17.28Z"></path></svg></span> 2319 </h3> 2320 <div class="description-para js-faq-descriptions descriptions"> 2321 <p>No bulk importer is available. Posts are recreated in the editor, or you keep the old blog live and link to it from your Pixpa site. If your archive is large, ask live chat before you commit.</p> 2322 </div> 2323 </div> 2324 2325 <div class="faqs-grid-container pxp-block"> 2326 <h3 class="js-faq-title faq-title faq-title-svg-right" role="button" tabindex="0" aria-expanded="false"> 2327 <span class="faq-text">How many photos can I put in one post?</span> 2328 <span class="dropdown-icons right"><svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewbox="0 0 24 30"><path d="M11.95,17.28h0a.75.75,0,0,1-.53-.22l-8.95-9A.75.75,0,1,1,3.53,7L12,15.46l8.52-8.52A.75.75,0,0,1,21.53,8l-9.05,9.05A.75.75,0,0,1,11.95,17.28Z"></path></svg></span> 2329 </h3> 2330 <div class="description-para js-faq-descriptions descriptions"> 2331 <p>As many as the post needs. Images are compressed and lazy-loaded automatically, and served at the resolution you uploaded.</p> 2332 </div> 2333 </div> 2334 2335 <div class="faqs-grid-container pxp-block"> 2336 <h3 class="js-faq-title faq-title faq-title-svg-right" role="button" tabindex="0" aria-expanded="false"> 2337 <span class="faq-text">Can I run more than one blog?</span> 2338 <span class="dropdown-icons right"><svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewbox="0 0 24 30"><path d="M11.95,17.28h0a.75.75,0,0,1-.53-.22l-8.95-9A.75.75,0,1,1,3.53,7L12,15.46l8.52-8.52A.75.75,0,0,1,21.53,8l-9.05,9.05A.75.75,0,0,1,11.95,17.28Z"></path></svg></span> 2339 </h3> 2340 <div class="description-para js-faq-descriptions descriptions"> 2341 <p>Yes, on Creator and above. Each blog has separate posts, tags, layouts and settings.</p> 2342 </div> 2343 </div> 2344 2345 <div class="faqs-grid-container pxp-block"> 2346 <h3 class="js-faq-title faq-title faq-title-svg-right" role="button" tabindex="0" aria-expanded="false"> 2347 <span class="faq-text">Can I schedule posts?</span> 2348 <span class="dropdown-icons right"><svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewbox="0 0 24 30"><path d="M11.95,17.28h0a.75.75,0,0,1-.53-.22l-8.95-9A.75.75,0,1,1,3.53,7L12,15.46l8.52-8.52A.75.75,0,0,1,21.53,8l-9.05,9.05A.75.75,0,0,1,11.95,17.28Z"></path></svg></span> 2349 </h3> 2350 <div class="description-para js-faq-descriptions descriptions"> 2351 <p>Yes. Write the post, set a publish date, and it goes live on its own.</p> 2352 </div> 2353 </div> 2354 2355 <div class="faqs-grid-container pxp-block"> 2356 <h3 class="js-faq-title faq-title faq-title-svg-right" role="button" tabindex="0" aria-expanded="false"> 2357 <span class="faq-text">Can readers subscribe to my blog?</span> 2358 <span class="dropdown-icons right"><svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewbox="0 0 24 30"><path d="M11.95,17.28h0a.75.75,0,0,1-.53-.22l-8.95-9A.75.75,0,1,1,3.53,7L12,15.46l8.52-8.52A.75.75,0,0,1,21.53,8l-9.05,9.05A.75.75,0,0,1,11.95,17.28Z"></path></svg></span> 2359 </h3> 2360 <div class="description-para js-faq-descriptions descriptions"> 2361 <p>Yes, through a sidebar subscription box or the RSS feed, which generates automatically for every blog.</p> 2362 </div> 2363 </div> 2364 2365 <div class="faqs-grid-container pxp-block"> 2366 <h3 class="js-faq-title faq-title faq-title-svg-right" role="button" tabindex="0" aria-expanded="false"> 2367 <span class="faq-text">Do I need a plugin for comments or sharing?</span>
2368 <span class="dropdown-icons right"><svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewbox="0 0 24 30"><path d="M11.95,17.28h0a.75.75,0,0,1-.53-.22l-8.95-9A.75.75,0,1,1,3.53,7L12,15.46l8.52-8.52A.75.75,0,0,1,21.53,8l-9.05,9.05A.75.75,0,0,1,11.95,17.28Z"></path></svg></span> 2369 </h3> 2370 <div class="description-para js-faq-descriptions descriptions"> 2371 <p>No. Commenting with moderation and social sharing are built in.</p> 2372 </div> 2373 </div> 2374 2375 <div class="faqs-grid-container pxp-block"> 2376 <h3 class="js-faq-title faq-title faq-title-svg-right" role="button" tabindex="0" aria-expanded="false"> 2377 <span class="faq-text">Will my blog match the rest of my site?</span> 2378 <span class="dropdown-icons right"><svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewbox="0 0 24 30"><path d="M11.95,17.28h0a.75.75,0,0,1-.53-.22l-8.95-9A.75.75,0,1,1,3.53,7L12,15.46l8.52-8.52A.75.75,0,0,1,21.53,8l-9.05,9.05A.75.75,0,0,1,11.95,17.28Z"></path></svg></span> 2379 </h3> 2380 <div class="description-para js-faq-descriptions descriptions"> 2381 <p>Yes. It uses the same template, fonts and CSS as every other page, so the design stays consistent.</p> 2382 </div> 2383 </div> 2384 </div> 2385 </div> 2386 </div> 2387 </section> 2388 2389 2390 <div class="clearfix"></div> 2391 2392 2393 2394 2395 2396 2397 2398 2399 2400 2401 2402 2403 2404 2405 2406 2407 2408 2409 2410 2411<section class="padding-tb150 padding-lr0 examples-closer blog-closer"> 2412 <div class="home-builtin-intro max-w1440"> 2413 <p class="home-eyebrow home-eyebrow--center notranslate">4.7/5 · 600+ Reviews on Capterra</p> 2414 <h2 class="home-builtin-title">Write your first post <br><span class="home-serif-italic">this week</span></h2> 2415 2416 <div class="examples-closer__cta"> 2417 <a href="https://studio.pixpa.com/signup" class="button v-mwhite">Start Your Free Trial <span class="menu-svg-icon margin-l5"><svg aria-hidden="true" focusable="false" viewbox="0 0 25 26"><use xlink:href="#pixpa-arrowright" width="25" height="26"></use></svg></span></a> 2418 </div> 2419 <p class="examples-closer__note">15 days · No card required · 30-day money-back</p> 2420 </div> 2421</section> 2422 2423 2424 2425<!-- footer start --> 2426<footer id="footer"> 2427 <div class="footer-container"> 2428 <div class="footer-left"> 2429 <!--footer menu start--> 2430 <div class="footer-menu"> 2431 <div class="footer-menu-items"> 2432 <p class="footer-heading js-footer-heading"> 2433 Product 2434 <span class="dropdown-icons right"> 2435 <svg viewbox="0 0 24 30" fill="currentcolor"><use xlink:href="#pixpa-downarrow-common"></use></svg> 2436 </span> 2437 </p> 2438 <ul> 2439 <li><a href="/websites">Websites</a></li> 2440 <li><a href="/stores">Online Stores</a></li> 2441 <li><a href="/sell-images-online">E-commerce Galleries</a></li> 2442 <li><a href="/clientgalleries">Client Galleries</a></li> 2443 <li><a href="/marketing-tools">Marketing Tools</a></li> 2444 2445 <li><a href="/website-setup-service" aria-label="Learn more for Pixpa Website Setup Service">Pixpa Website Setup Service</a></li> 2446 <li><a href="/templates">Templates</a></li> 2447 <li><a href="/pricing">Pricing</a></li> 2448 <li><a href="/clients">Customer Stories</a></li> 2449 <li><a href="/updates" target="_blank" rel="noopener">Product Updates</a></li> 2450 <li><a href="/apps">Integrations</a></li> 2451 <li><a href="https://help.pixpa.com" target="_blank" rel="noopener">Help Center</a></li> 2452 <li><a href="https://status.pixpa.com/" target="_blank" rel="noopener">Status</a></li> 2453 </ul> 2454 </div> 2455 <div class="footer-menu-items"> 2456 <p class="footer-heading js-footer-heading">Made For 2457 <span class="dropdown-icons right"> 2458 <svg viewbox="0 0 24 30" fill="currentcolor"><use xlink:href="#pixpa-downarrow-common"></use></svg> 2459 </span> 2460 </p> 2461 <ul> 2462 <li><a href="/online-portfolio">Creatives</a></li> 2463 <li><a href="/online-portfolio/photography-website">Photographers</a></li> 2464 <li><a href="/online-portfolio/artist-website">Artists</a></li> 2465 <li><a href="/online-portfolio/illustrator-website">Illustrators</a></li> 2466 <li><a href="/online-portfolio/graphic-design-website">Graphic Designers</a></li> 2467 <li><a href="/online-portfolio/ui-ux-design-website">UI/UX Designers</a></li> 2468 <li><a href="/online-portfolio/models-website">Models & Actors</a></li> 2469 <li><a href="/online-portfolio/fashion-design-website">Fashion Designers & Stylists</a></li> 2470 <li><a href="/online-portfolio/architecture-website">Architects & Interior Designers</a></li> 2471 <li><a href="/online-portfolio/musicians-website">Musicians & Performers</a></li> 2472 <li><a href="/online-portfolio/writer-website">Writers & Authors</a></li> 2473 2474 2475 </ul> 2476 </div> 2477 <div class="footer-menu-items"> 2478 <p class="footer-heading js-footer-heading">Examples
2479 <span class="dropdown-icons right"> 2480 <svg viewbox="0 0 24 30" fill="currentcolor"><use xlink:href="#pixpa-downarrow-common"></use></svg> 2481 </span> 2482 </p> 2483 <ul> 2484 <li><a href="/examples">Portfolio website examples</a></li> 2485 <li><a href="/examples/photography">Photography portfolio examples</a></li> 2486 <li><a href="/examples/art">Art portfolio examples</a></li> 2487 <li><a href="/examples/design">Design portfolio examples</a></li> 2488 <li><a href="/examples/fashion">Fashion portfolio examples</a></li> 2489 </ul> 2490 </div> 2491 <div class="footer-menu-items"> 2492 <p class="footer-heading js-footer-heading">About 2493 <span class="dropdown-icons right"> 2494 <svg viewbox="0 0 24 30" fill="currentcolor"><use xlink:href="#pixpa-downarrow-common"></use></svg> 2495 </span> 2496 </p> 2497 <ul> 2498 <li><a href="/about-us">About</a></li> 2499 <li><a href="/blog">Pixpa Blog</a></li> 2500 <li><a href="/contact-us">Contact</a></li> 2501 <li><a href="/affiliates">Become an Affiliate</a></li> 2502 <li><a href="/students">Students & Educators</a></li> 2503 <li><a href="/partnerdeals">Partner Deals</a></li> 2504 </ul> 2505 </div> 2506 2507 </div> 2508 <!--footer menu end--> 2509 </div> 2510 <div class="footer-right"> 2511 <div class="footer-pixpa-logo"> 2512 <a href="https://www.pixpa.com" aria-label="Pixpa"> 2513 <svg viewbox="0 0 275.5 104.7" fill="#ffffff"><use xlink:href="#pixpa-website-logo"></use></svg> 2514 </a> 2515 </div> 2516 <div class="footer-pixpa-desc"> 2517 <p>Pixpa is the portfolio website builder for photographers, artists and designers. Build a portfolio website, deliver client galleries and sell with zero commission, in one platform.</p> 2518 </div> 2519 <div class="social-media-footer"> 2520 <a href="https://www.youtube.com/@PixpaHQ" target="_blank" aria-label="youtube"> 2521 <svg viewbox="0 0 576 512" fill="currentcolor"><use xlink:href="#pixpa-socialyoutube-common"></use></svg> 2522 </a> 2523 <a href="https://twitter.com/pixpa" target="_blank" aria-label="twitter"> 2524 <svg viewbox="0 0 512 512" fill="currentcolor"><use xlink:href="#pixpa-socialtwitterx-common"></use></svg> 2525 </a> 2526 <a href="https://www.facebook.com/pixpa" target="_blank" aria-label="facebook"> 2527 <svg viewbox="0 0 90 90" fill="currentcolor"><use xlink:href="#pixpa-socialfacebook-common"></use></svg> 2528 </a> 2529 <a href="https://instagram.com/pixpa" target="_blank" aria-label="instagram"> 2530 <svg viewbox="0 0 169.063 169.063" fill="currentcolor"><use xlink:href="#pixpa-socialinstagram-common"></use></svg> 2531 </a> 2532 <a href="https://www.linkedin.com/company/pixpa" target="_blank" rel="noopener nofollow" aria-label="linkedin"> 2533 <svg viewbox="0 0 24 24" fill="currentcolor"><use xlink:href="#pixpa-sociallinkedin-common"></use></svg> 2534 </a> 2535 <a href="https://www.pinterest.com/pixpa/" target="_blank" rel="noopener nofollow" aria-label="pinterest"> 2536 <svg viewbox="0 0 24 24" fill="currentcolor"><use xlink:href="#pixpa-socialpinterest-common"></use></svg> 2537 </a> 2538 <a href="https://www.g2.com/products/pixpa/reviews" target="_blank" rel="noopener nofollow" aria-label="g2"> 2539 <svg viewbox="0 0 24 24" fill="currentcolor"><use xlink:href="#pixpa-socialg2-common"></use></svg> 2540 </a> 2541 </div> 2542 2543 2544 2545 2546 2547 2548 2549 2550 2551 2552 2553 </div> 2554 <div class="clearfix"></div> 2555 2556 <div class="footer-bottom"> 2557 <ul class="footer-bottom__legal"> 2558 <li><a href="/terms-of-use">Terms of Use</a></li> 2559 <li><a href="/privacy-policy">Privacy Policy</a></li> 2560 <li><a href="/cookie-policy">Cookie Policy</a></li> 2561 </ul> 2562 <p class="footer-bottom__copy">© 2013-2026 Idea Zinc Design LLP. All rights reserved.</p> 2563 </div> 2564 </div> 2565</footer> 2566<!-- footer end --> 2567 2568 2569 2570 2571<div class="help-iframe js-help-iframe"> 2572 <div class="iframe-header"> 2573 <p><a href="https://help.pixpa.com/" target="_blank" rel="noopener">What's new on Pixpa</a></p> 2574 <div class="js-iframe-close-btn modal-close right"> 2575 Close 2576 </div> 2577 2578 </div> 2579 <iframe title="Pixpa blog" class="js-help-show-iframe" src="" frameborder="0"></iframe> 2580</div> 2581 2582 2583 <div class="pixpa-cookies-wrapper active js-pixpa-cookies-wrapper"> 2584 <div>We use cookies to deliver a better website experience. By continuing to use this website, you agree to our <a href="/cookie-policy" class="link-exist-ldark" target="_blank">cookie policy.</a></div> 2585 <div> 2586 <div class="button v-black js-pixpa-cookies-wrapper-btn">Got it</div> 2587 </div> 2588 </div> 2589 2590 2591<!-- MailerLite Universal --> 2592 2593<!-- End MailerLite Universal -->
2594<script type="text/javascript"> 2595 $(document).ready(function() { 2596 // Show body After 400 ms so that Everything loads first without Flickering 2597 // var body = document.getElementsByTagName("body"); 2598 // setTimeout( function (){ 2599 // body[0].className = body[0].className + " body-to-show"; 2600 // },200); 2601 Common.mobileMenu(); 2602 Common.helpIframe(); 2603 Common.cookieConsentBar(); 2604 Common.pixpaScrollTop(); 2605 Common.footerMenuHeading(); 2606 Common.weglotLanguage(); 2607 2608 setTimeout(function() { 2609 let lang_name = $('.gt_selector').val(); 2610 let lang_value = lang_name.slice(3); 2611 if (lang_name != '') { 2612 $('.js-pixpa-weglot-input').html('') 2613 $('.js-pixpa-weglot-input').append(lang_value); 2614 } else{ 2615 $('.js-pixpa-weglot-input').html('') 2616 $('.js-pixpa-weglot-input').append('EN') 2617 } 2618 }, 1000); 2619 2620 }); 2621</script>
vendor: 1 bytes, line 2621
2621
2622<script defer src="https://px-studioassets.pixpa.com/build-20261009-144057-268/pixpacom/compiled/js/textslide.js?id=e773b838ef7b148fd9f6f648f9aa262f"></script>
2622 2623 2624<!--google analytics and external scripts start-->
2625<script>loadSvgSprite('https://www.pixpa.com/pixpacom/images/svg/footer-svg.svg?v=9a052373379c15e6')</script>
2625 2626<!--google analytics and external scripts end-->
2626<script type="text/javascript"> 2627 $(document).ready(function() { 2628 // the accordion markup carries role="button"/tabindex/aria-expanded, so the handler has to 2629 // deliver them: Enter/Space toggle, and aria-expanded is rewritten on every open and close. 2630 function pixpaToggleFaq($title){ 2631 $title.parent().siblings().find('.js-faq-descriptions').removeClass('active').hide(); 2632 $title.parent().siblings().find('.js-faq-title').removeClass('active').attr('aria-expanded', 'false'); 2633 $title.toggleClass('active'); 2634 $title.parent().find('.js-faq-descriptions').slideToggle('fast').toggleClass('active'); 2635 $title.attr('aria-expanded', $title.hasClass('active') ? 'true' : 'false'); 2636 } 2637 $(".js-faq-title").on('click', function(){ pixpaToggleFaq($(this)); }); 2638 $(".js-faq-title").on('keydown', function(e){ 2639 if (e.key === 'Enter' || e.key === ' ' || e.key === 'Spacebar') { 2640 e.preventDefault(); 2641 pixpaToggleFaq($(this)); 2642 } 2643 }); 2644 }) 2645 </script>
2645 2646
2646<script type="text/javascript"> 2647 // hero mock chips ride --parallax-progress; without this handler they never move. 2648 const setParllax = (el) => { 2649 const clientHeight = document.documentElement.clientHeight; 2650 let value = (clientHeight + window.scrollY - (window.scrollY + el[0].getBoundingClientRect().top)) / ((el[0].getBoundingClientRect().height + clientHeight) / 100) / 100 2651 value = Math.min(1, Math.max(value, 0)) 2652 el.css("--parallax-progress", value) 2653 } 2654 $(window).scroll(function() { 2655 const el = document.getElementById('js-pixpa-marketingtool-banner-container'); 2656 if (!el) return; 2657 const rect = el.getBoundingClientRect(); 2658 const wh = window.innerHeight || document.documentElement.clientHeight; 2659 if (rect.top <= wh && (rect.top + rect.height) >= 0) setParllax($(el)); 2660 }); 2661 $(document).ready(function(){ 2662 const el = document.getElementById('js-pixpa-marketingtool-banner-container'); 2663 if (el) setParllax($(el)); 2664 }); 2665 </script>
2665 2666
2666<script>loadSvgSprite('https://www.pixpa.com/pixpacom/images/svg/homepage-svg.svg')</script>
2666 2667 2668
2668<script>loadSvgSprite('https://www.pixpa.com/pixpacom/images/svg/online-portfolio-svg.svg')</script>
2668 2669
2669<script type="text/javascript"> 2670 $(document).ready(function() { 2671 $('#carousel').flexslider({ 2672 animation: 'slide', 2673 animationLoop: false, 2674 controlNav: false, 2675 directionNav: false, 2676 slideshow: false, 2677 itemWidth: 210, 2678 itemMargin: 5, 2679 asNavFor: '#flexslider', 2680 2681 }); 2682 2683 $('#flexslider').flexslider({ 2684 animation: 'fade', 2685 slideshow: true, 2686 slideshowSpeed: 4000, 2687 animationSpeed: 300, 2688 pauseOnAction: true, 2689 pauseOnHover: false, 2690 controlNav: true, 2691 directionNav: false, 2692 controlsContainer: 'flexslider', 2693 sync: "#carousel", 2694 start: function() { 2695 if ($('.js-slider-nav-slider.flexslider ul.hero-pixpa-slider-01').length > 0) { 2696 $('.js-slider-nav-slider.flexslider ul.hero-pixpa-slider-01 li').each(function(i) { 2697 if ($(this).hasClass('flex-active-slide')) { 2698 var data_index = $(this).attr('data-index'); 2699 $('.js-slider-nav-thumbnail').find('li').removeClass('flex-active-nav') 2700 $('.js-slider-nav-thumbnail.flexslider ul.slides li').each(function() { 2701 if ($(this).attr('data-index') == data_index) { 2702 $(this).addClass('flex-active-nav'); 2703 } else{ 2704 $(this).removeClass('flex-active-nav'); 2705 } 2706 }); 2707 2708 } else { 2709 } 2710 }); 2711 } 2712 }, 2713 after: function() { 2714 if ($('.js-slider-nav-slider.flexslider ul.hero-pixpa-slider-01').length > 0) { 2715 $('.js-slider-nav-slider.flexslider ul.hero-pixpa-slider-01 li').each(function(i) { 2716 if ($(this).hasClass('flex-active-slide')) { 2717 var data_index = $(this).attr('data-index'); 2718 $('.js-slider-nav-thumbnail').find('li').removeClass('flex-active-nav') 2719 $('.js-slider-nav-thumbnail.flexslider ul.slides li').each(function() { 2720 if ($(this).attr('data-index') == data_index) { 2721 $(this).addClass('flex-active-nav'); 2722 } else{ 2723 $(this).removeClass('flex-active-nav'); 2724 } 2725 }); 2726 } else { 2727 } 2728 }); 2729 } 2730 } 2731 }); 2732 }); 2733 2734 $(window).scroll(function() { 2735 function isElementPartiallyInViewport(el){ 2736 // Special bonus for those using jQuery 2737 if (typeof jQuery !== 'undefined' && el instanceof jQuery) 2738 el = el[0]; 2739 var rect = el.getBoundingClientRect(); 2740 // DOMRect { x: 8, y: 8, width: 100, height: 100, top: 8, right: 108, bottom: 108, left: 8 } 2741 var windowHeight = (window.innerHeight || document.documentElement.clientHeight); 2742 var windowWidth = (window.innerWidth || document.documentElement.clientWidth); 2743 // http://stackoverflow.com/questions/325933/determine-whether-two-date-ranges-overlap 2744 var vertInView = (rect.top <= windowHeight) && ((rect.top + rect.height) >= 0); 2745 var horInView = (rect.left <= windowWidth) && ((rect.left + rect.width) >= 0); 2746 return (vertInView && horInView); 2747 } 2748 2749 // // http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport 2750 function isElementInViewport (el){ 2751 // Special bonus for those using jQuery 2752 if (typeof jQuery !== 'undefined' && el instanceof jQuery) 2753 el = el[0]; 2754 var rect = el.getBoundingClientRect(); 2755 var windowHeight = (window.innerHeight || document.documentElement.clientHeight); 2756 var windowWidth = (window.innerWidth || document.documentElement.clientWidth); 2757 return ( 2758 (rect.left >= 0) 2759 && (rect.top >= 0) 2760 && ((rect.left + rect.width) <= windowWidth) 2761 && ((rect.top + rect.height) <= windowHeight) 2762 ); 2763 } 2764 2765 if ($('#js-pixpa-showcase-img-slider-01').length) { 2766 fnIsVis(document.getElementById('js-pixpa-showcase-img-slider-01')) 2767 } 2768 2769 function fnIsVis(ele){ 2770 var inVpFull = isElementInViewport(ele); 2771 var inVpPartial = isElementPartiallyInViewport(ele); 2772 console.clear(); 2773 // console.log("Fully in viewport: " + inVpFull); 2774 // console.log("Partially in viewport: " + inVpPartial); 2775 var st = $(this).scrollTop() /10; 2776 var win_w = window.innerWidth + 250; 2777 2778 // $(window).on("load resize scroll",function(){ 2779 // $(".js-pixpa-showcase-img-slider-01").each(function(){ 2780 // var windowTop=$(window).scrollTop(); 2781 // var elementTop=$(this).offset().top; 2782 // var leftPosition=windowTop-elementTop; 2783 // $(this).find(".bg-move").css({ 2784 // left:leftPosition 2785 // }); 2786 // }); 2787 // }); 2788 2789 if(inVpPartial){ 2790 $("#js-pixpa-showcase-img-slider-01").css({ 2791 "width": win_w, 2792 "left": '100px', 2793 "transform" : "translate3d(" + st + "px, 0px, 0)", 2794 "-webkit-transform" : "translate3d(-" + st + "px, 0px, 0)", 2795 }); 2796 } 2797 } 2798 }); 2799 </script>
2799 2800</body> 2801</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.