PageSourceSearch

https://www.pixpa.com/start-blog

html pixpa.com collected 2026-10-09 22:41:34 UTC 148,324 bytes, 2,801 lines download raw bytes

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 &mdash; 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 &rarr; 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 &mdash; 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 &mdash; 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) &mdash; 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&rsquo;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&ntilde;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&ccedil;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&ecirc;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 ">&#1056;&#1091;&#1089;&#1089;&#1082;&#1080;&#1081;</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&rsquo;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&ntilde;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&ccedil;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&ecirc;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 ">&#1056;&#1091;&#1089;&#1089;&#1082;&#1080;&#1081;</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"> &middot; </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 &middot; 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&rsquo;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">&ldquo;I&rsquo;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.&rdquo;</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 &middot; <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&rsquo;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">&ldquo;I can upload as many pictures as I want. As a photographer, it&rsquo;s very important that they&rsquo;re displayed in high resolution.&rdquo;</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 &middot; <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&rsquo;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&rsquo;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">&ldquo;For the last year I&rsquo;m also the author of two blogs that I run directly from Pixpa.&rdquo;</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 &middot; <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">&ldquo;They had the features I was looking for, with the ability to sell as well as feature my own blog. That&rsquo;s what sold me.&rdquo;</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 &middot; <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&rsquo;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">&ldquo;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!&rdquo;</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 &middot; <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&rsquo;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 &middot; 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 &middot; No card required &middot; 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">&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.