Replace header in html smoothly

Aug 6th, 2022
Icon decoration
0
forms filled out
Icon decoration
0
forms signed
Icon decoration
0
forms sent
Service screenshot
01. Upload a document from your computer or cloud storage.
Service screenshot
02. Add text, images, drawings, shapes, and more.
Service screenshot
03. Sign your document online in a few clicks.
Service screenshot
04. Send, export, fax, download, or print out your document.

How to replace header in html with zero hassle

Form edit decoration

Whether you are already used to working with html or handling this format the very first time, editing it should not feel like a challenge. Different formats might require specific software to open and modify them properly. Nevertheless, if you need to quickly replace header in html as a part of your typical process, it is best to get a document multitool that allows for all types of such operations without the need of extra effort.

Try DocHub for streamlined editing of html and also other file formats. Our platform offers straightforward document processing regardless of how much or little previous experience you have. With all tools you need to work in any format, you will not have to switch between editing windows when working with each of your papers. Easily create, edit, annotate and share your documents to save time on minor editing tasks. You’ll just need to sign up a new DocHub account, and then you can begin your work right away.

Take these simple steps to replace header in html

  1. Visit the DocHub website, find the Create free account button on its home page, and click on it to begin your signup.
  2. Enter your current email address and create a secure password. You may also use your Gmail account to fast-forward the signup process.
  3. Once done with the signup, proceed to the Dashboard and add your html for editing. Upload it from your PC or use the hyperlink to its location in the cloud storage.
  4. Click on the added document to open it in the editor and then make all changes you have in mind utilizing our tools.
  5. Complete|your revision by saving your file or downloading it on your computer. You may also instantly send it to a dedicated recipient in the DocHub tab.

See an improvement in document processing productivity with DocHub’s straightforward feature set. Edit any file quickly and easily, regardless of its format. Enjoy all the benefits that come from our platform’s efficiency and convenience.

PDF editing simplified with DocHub

Seamless PDF editing
Editing a PDF is as simple as working in a Word document. You can add text, drawings, highlights, and redact or annotate your document without affecting its quality. No rasterized text or removed fields. Use an online PDF editor to get your perfect document in minutes.
Smooth teamwork
Collaborate on documents with your team using a desktop or mobile device. Let others view, edit, comment on, and sign your documents online. You can also make your form public and share its URL anywhere.
Automatic saving
Every change you make in a document is automatically saved to the cloud and synchronized across all devices in real-time. No need to send new versions of a document or worry about losing information.
Google integrations
DocHub integrates with Google Workspace so you can import, edit, and sign your documents directly from your Gmail, Google Drive, and Dropbox. When finished, export documents to Google Drive or import your Google Address Book and share the document with your contacts.
Powerful PDF tools on your mobile device
Keep your work flowing even when you're away from your computer. DocHub works on mobile just as easily as it does on desktop. Edit, annotate, and sign documents from the convenience of your smartphone or tablet. No need to install the app.
Secure document sharing and storage
Instantly share, email, and fax documents in a secure and compliant way. Set a password, place your documents in encrypted folders, and enable recipient authentication to control who accesses your documents. When completed, keep your documents secure in the cloud.

Drive efficiency with the DocHub add-on for Google Workspace

Access documents and edit, sign, and share them straight from your favorite Google Apps.
Install now

How to Replace header in html

4.9 out of 5
41 votes

hi its tommy hodgins today im going to show you how you can template content like a site header or a site footer across multiple pages on your site using custom html elements one of the first questions that people often ask when learning html is how they can define a piece of content in one place and show it on many different pages now because html did not have this ability for a long time virtually every tool that people use to work with html whether its a back-end language like php or a front-end framework like react or view all have some kind of a templating solution so if youre building a site and youre using pretty much anything you probably have some form of html templating ability in that tool but this is something that html can also do without any additional tools by allowing authors to define custom elements so here i have a basic website there are three pages index about and contact and each page only contains one headline right now if we were going to add a pretty stan

video background

Got questions?

Below are some common questions from our customers that may provide you with the answer you're looking for. If you can't find an answer to your question, please don't hesitate to reach out to us.
Contact us
To create a new Header Element, go to Appearance > Elements and click “Add New”. From the Element dropdown list, choose “Header”.
absolutely not. The element is a container for all the head elements. Elements inside can include scripts, instruct the browser where to find style sheets, provide meta information, and more.
In HTML 5 it is not mandatory to include a tag inside the HTML document but in previous versions(4.0. 1) it was mandatory to include it. The tags like , <meta> or <link> which are generally contained inside head will also work fine without the <head> tag or outside the <head> tag.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="0"> <div class="accordion__panel-status"></div> How do you put a header on top in HTML? </h3> <div class="accordion__panel-body" role="tabpanel">Answer: Use CSS fixed positioning You can easily create sticky or fixed header and footer using the CSS fixed positioning. Simply apply the CSS position property with the value fixed in combination with the top and bottom property to place the element on the top or bottom of the viewport ingly.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="0"> <div class="accordion__panel-status"></div> How do you write a header in HTML? </h3> <div class="accordion__panel-body" role="tabpanel">HTML headings are defined with the <h1> to <h6> tags. <h1> defines the most important heading. <h6> defines the least important heading.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="0"> <div class="accordion__panel-status"></div> How do I fix my header in HTML? </h3> <div class="accordion__panel-body" role="tabpanel">Fixing header Using CSS To fix the position of the header in the webpage, use position: fixed, and to fix it at top use to top:0. The fixed-top can overlay other elements. So to avoid it add margin-top to the other contents.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="0"> <div class="accordion__panel-status"></div> How to change a HTML header with JavaScript? </h3> <div class="accordion__panel-body" role="tabpanel">Use the textContent property to change the text of a heading element, e.g. heading. textContent = 'Replacement heading text' . The textContent property will set the text of the heading to the provided string, replacing any of the existing content.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="0"> <div class="accordion__panel-status"></div> How to change heading text using js? </h3> <div class="accordion__panel-body" role="tabpanel">Javascript get input value and Change Heading text <h2 id="title">Enter value in Input field.</ h2> <br> <input type="text" id="inputTextField"/> <input type="submit" id="changeBtn" value="Change" onclick="change()"/> <div class="alertError">please write some text in input.</ div></div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="0"> <div class="accordion__panel-status"></div> Can we use JavaScript to modify HTML DOM? </h3> <div class="accordion__panel-body" role="tabpanel">The HTML DOM allows JavaScript to change the content of HTML elements.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="0"> <div class="accordion__panel-status"></div> What is the difference between the head and head element? </h3> <div class="accordion__panel-body" role="tabpanel">Answer 515be559d883f8eab00011e5 head is the tag at the top of your page containing your meta-tags, styles, scripts and title. headings are the h1, h2, h3 etc tags that allow you to size your text. a is an anker usable in the url for navigating to other pages or as in-page navigation.</div> </div> </div> </div> </div> </section> <section class="page-section page-section--customers-reviews"> <div class="page-section__inner"> <h2 class="section-title">See why our customers choose DocHub</h2> <div class="user-reviews"> <div class="user-reviews__item"> <div class="user-review"> <div class="user-review__header"> <div class="rating"> <div class="rating__stars"> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-half-filled"></div> </div> </div> <div class="user-review__platform-logo"></div> </div> <div class="user-review__body"> <div class="user-review__title">Great solution for PDF docs with very little pre-knowledge required.</div> <div class="user-review__message">"Simplicity, familiarity with the menu and user-friendly. It's easy to navigate, make changes and edit whatever you may need. Because it's used alongside Google, the document is always saved, so you don't have to worry about it."</div> <div class="user-review__author"> <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/31/images/_pages/functionality/icons/photo-pam@2x.png" alt="" loading="lazy"></div> <div class="user-review__author-name"><b>Pam Driscoll F</b><br>Teacher</div> </div> </div> </div> </div> <div class="user-reviews__item"> <div class="user-review"> <div class="user-review__header"> <div class="rating"> <div class="rating__stars"> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-half-filled"></div> </div> </div> <div class="user-review__platform-logo"></div> </div> <div class="user-review__body"> <div class="user-review__title">A Valuable Document Signer for Small Businesses.</div> <div class="user-review__message">"I love that DocHub is incredibly affordable and customizable. It truly does everything I need it to do, without a large price tag like some of its more well known competitors. I am able to send secure documents directly to me clients emails and via in real time when they are viewing and making alterations to a document."</div> <div class="user-review__author"> <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/31/images/_pages/functionality/icons/photo-jiovany@2x.png" alt="" loading="lazy"></div> <div class="user-review__author-name"><b>Jiovany A</b><br>Small-Business</div> </div> </div> </div> </div> <div class="user-reviews__item"> <div class="user-review"> <div class="user-review__header"> <div class="rating"> <div class="rating__stars"> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-half-filled"></div> </div> </div> <div class="user-review__platform-logo"> </div> </div> <div class="user-review__body"> <div class="user-review__title">I can create refillable copies for the templates that I select and then I can publish those.</div> <div class="user-review__message">"I like to work and organize my work in the appropriate way to meet and even exceed the demands that are made daily in the office, so I enjoy working with PDF files, I think they are more professional and versatile, they allow..."</div> <div class="user-review__author"> <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/31/images/_pages/functionality/icons/photo-victoria@2x.png" alt="" loading="lazy"></div> <div class="user-review__author-name"><b>Victoria G</b><br>Small-Business</div> </div> </div> </div> </div> </div> </div> </section> <section class="page-section page-section--c2a-get-form"> <div class="page-section__inner"> <div class="section-title-preamble">be ready to get more</div> <h4 class="section-title">Edit and sign PDF <span class="section-title__accent">for free</span></h4> <a class="button" href="https://dochub.com/sign-up" data-metric-ab-tower="dh_lp_sign_up_buttons_in_lp" >Get started now</a> </div> </section> <section class="page-section page-section--related-searches"> <div class="page-section__inner"> <h3 class="section-title">Related Searches</h3> <div class="tags-group"> <span class="tag">html header template</span> <span class="tag">website header design html code</span> <span class="tag">header in html css</span> <span class="tag">html header example</span> <span class="tag">header and footer in html example</span> <span class="tag">how to make header in html</span> <span class="tag">css header</span> <span class="tag">header html css codepen</span> </div> </div> </section> <img src="https://www.pdffiller.com/funnel.php?source=functionality_dochub" alt=""/> <div class="page__footer"> <section class="page-section page-section--functions-menus"> <div class="page-section__inner"> <h2 class="section-title">Try more PDF tools</h2> <div class="functions-menus"> <div class="functions-menus__column"> <div class="functions-menu-title">Edit & Annotate</div> <div class="functions-menu"> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--edit-pdf" href="https://www.dochub.com/en/main-features/edit-and-annotate-pdfs">Edit PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--add-fields" href="https://www.dochub.com/en/main-features/add-fillable-fields">Add Fillable Fields</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--create-pdf" href="https://www.dochub.com/en/main-features/create-a-new-pdf-document">Create PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--insert-merge" href="https://www.dochub.com/en/main-features/insert-and-merge-pdf">Insert and Merge</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--page-numbers" href="https://www.dochub.com/en/main-features/number-and-label-pages-on-a-pdf">Add Page Numbers</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--rotate-pages" href="https://www.dochub.com/en/main-features/rotate-pages-in-a-pdf">Rotate Pages</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--delete-pages" href="https://www.dochub.com/en/main-features/delete-pages-from-a-pdf">Delete Pages</a></div> </div> </div> <div class="functions-menus__column"> <div class="functions-menu-title">Convert</div> <div class="functions-menu"> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--word-to-pdf" href="https://www.dochub.com/en/main-features/convert-word-to-pdf">Word to PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--txt-to-pdf" href="https://www.dochub.com/en/main-features/convert-txt-to-pdf">TXT to PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--html-to-pdf" href="https://www.dochub.com/en/main-features/convert-html-to-pdf">HTML to PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--csv-to-pdf" href="https://www.dochub.com/en/main-features/convert-csv-to-pdf">CSV to PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--ppt-to-pdf" href="https://www.dochub.com/en/main-features/convert-ppt-to-pdf">PPT to PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--rtf-to-pdf" href="https://www.dochub.com/en/main-features/convert-rtf-to-pdf">RTF to PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--jpg-to-pdf" href="https://www.dochub.com/en/main-features/convert-jpgjpeg-to-pdf">JPG/JPEG to PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--png-to-pdf" href="https://www.dochub.com/en/main-features/convert-png-to-pdf">PNG to PDF</a></div> </div> </div> <div class="functions-menus__column"> <div class="functions-menu-title">Collaborate & Share</div> <div class="functions-menu"> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--add-comments" href="https://www.dochub.com/en/main-features/add-comments-on-a-pdf">Add Comments</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--share-link" href="https://www.dochub.com/en/main-features/send-pdf-via-shareable-link">Share via Link</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--share-email" href="https://www.dochub.com/en/main-features/send-pdf-as-attachment">Share via Email</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--fax" href="https://www.dochub.com/en/main-features/send-pdf-via-fax">Fax</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--pdf-status" href="https://www.dochub.com/en/main-features/track-pdf-document-status">PDF Status</a></div> </div> </div> <div class="functions-menus__column"> <div class="functions-menu-title">Sign & Send</div> <div class="functions-menu"> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--sign-pdf" href="https://www.dochub.com/en/main-features/sign-a-document">Sign a PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--send-for-sign" href="https://www.dochub.com/en/main-features/send-out-documents-to-be-signed">Send for Signing</a></div> </div> </div> <div class="functions-menus__column"> <div class="functions-menu-title">Protect PDF</div> <div class="functions-menu"> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--protect-pdf" href="https://www.dochub.com/en/main-features/password-protect-document">Set PDF password</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--readable-pdf" href="https://www.dochub.com/en/main-features/readable-document">Readable PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--certify-pdf" href="https://www.dochub.com/en/main-features/certify-document">Certify PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--pdf-audit" href="https://www.dochub.com/en/main-features/document-audit">PDF Audit Trail</a></div> </div> </div> <div class="functions-menus__column"> <div class="functions-menu-title">Others</div> <div class="functions-menu"> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--search-pdf" href="https://www.dochub.com/en/main-features/search-for-documents">Search for PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--export" href="https://www.dochub.com/en/main-features/export-pdf">Export</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--download-pdf" href="https://www.dochub.com/en/main-features/download-pdf">Download</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--flatten-fields" href="https://www.dochub.com/en/main-features/flatten-fields-on-a-pdf">Flatten Fields</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--print" href="https://www.dochub.com/en/main-features/print-out-pdf">Print out</a></div> </div> </div> </div> <div class="section-decoration-shadow-1"></div> <div class="section-decoration-shadow-2"></div> <div class="section-decoration-shadow-3"></div> </div> </section> <div class="page-section page-section--footer"> <div class="page-section__inner"> <div class="footer-section"> <div class="logo"><img class="logo__image" src="https://cdn.mrkhub.com/dochub-frontend/31/images/logos/dochub-reverse.svg" alt="DocHub logo" width="104" height="24" loading="lazy"></div> <div class="footer-section footer-section--only-tablet"><a class="footer-contact-email" href="mailto:support@dochub.com">support@dochub.com</a> <div class="footer-contact-address">17 Station St., Ste 3 Brookline, MA 02445</div> <div class="socials-list lazy-background"> <div class="socials-list__item"><a class="socials-link socials-link--twitter" href="https://twitter.com/dochub">Follow Us</a></div> </div> </div> <div class="footer-section app-buttons app-buttons--desktop"> <a class="app-buttons__google-play" href="https://dochub.onelink.me/taut?af_xp=custom&pid=web_footer" target="_blank"> <img class="google-play" src="https://cdn.mrkhub.com/dochub-frontend/31/images/_modules/section-footer/google-play-transparent.svg" alt="Google Play" width="135" height="40" loading="lazy"> </a> <a class="app-buttons__app-store" href="https://dochub.onelink.me/J95I?af_xp=custom&pid=web_footer" target="_blank"> <img class="app-store" src="https://cdn.mrkhub.com/dochub-frontend/31/images/_modules/section-footer/app-store-transparent.svg" alt="App Store" width="120" height="40" loading="lazy"> </a> </div> <div class="copyright-caption">© 2024 DocHub, LLC</div> </div> <div class="footer-section"> <div class="footer-section-title">Products</div> <div class="footer-menu"> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pdf-editor">PDF Editor</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pdf-forms">Forms & Templates</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/sign-documents">Sign Documents</a></div> <div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://dochub.statuspage.io/">Server Status</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pricing">Pricing</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/fillable-form">Forms Library</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/en/main-features">Features</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/en/functionality">Functions</a></div> </div> </div> <div class="footer-section"> <div class="footer-section-title">Company</div> <div class="footer-menu"> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/about">About</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/terms-of-services">Terms</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/privacy-notice">Privacy Notice</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/legal">Legal</a></div> <div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://dochub.com/helpdesk">Support</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/release-notes">Release Notes</a></div> </div> </div> <div class="footer-section"> <div class="footer-section-title">Resources</div> <div class="footer-menu"> <div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://www.pdffiller.com/">pdfFiller</a></div> <div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://www.uslegalforms.com/">US Legal Forms</a></div> <div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://www.signnow.com/">Electronic Signature</a></div> <div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://www.airslate.com ">No-code document workflows</a></div> <div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://www.dochub.com/en/mobile-app">DocHub Mobile App</a></div> </div> </div> <div class="footer-section"> <div class="footer-section-title">What's New</div> <div class="text-label text-label text-label--new">New</div> <div class="release-note-caption">DocHub v5.1.1 Released! Many updates and improvements!</div> </div> <div class="footer-section footer-section--only-desktop"> <div class="footer-section-title footer-section-title--mobile-only">Contact us</div> <a class="footer-contact-email" href="mailto:support@dochub.com">support@dochub.com</a> <div class="footer-contact-address">17 Station St., Ste 3 Brookline, MA 02445</div> <div class="socials-list lazy-background"> <div class="socials-list__item"> <a class="socials-link socials-link--twitter" target="_blank" href="https://twitter.com/dochub">Follow Us</a> </div> </div> </div> <div class="footer-section app-buttons app-buttons--mobile"> <a class="app-buttons__google-play" href="https://dochub.onelink.me/taut?af_xp=custom&pid=web_footer" target="_blank"> <img class="google-play" src="https://cdn.mrkhub.com/dochub-frontend/31/images/_modules/section-footer/google-play-transparent.svg" alt="Google Play" width="135" height="40" loading="lazy"> </a> <a class="app-buttons__app-store" href="https://dochub.onelink.me/J95I?af_xp=custom&pid=web_footer" target="_blank"> <img class="app-store" src="https://cdn.mrkhub.com/dochub-frontend/31/images/_modules/section-footer/app-store-transparent.svg" alt="App Store" width="120" height="40" loading="lazy"> </a> </div> </div> <div class="page-section__inner page-section__inner--footer-mobile-only"> <div class="logo"><img class="logo__image" src="https://cdn.mrkhub.com/dochub-frontend/31/images/logos/dochub-reverse.svg" alt="DocHub logo" width="104" height="24" loading="lazy"></div> <div class="copyright-caption">© 2024 DocHub, LLC</div> </div> </div> </div> <div class="popup-cookie popup-cookie__v2 popup-cookie--top"> <div class="popup-cookie__close js-popup-close"></div> <div class="popup-cookie__row"> <div class="popup-cookie__column popup-cookie__column--description"> <div class="popup-text">This site uses cookies to enhance site navigation and personalize your experience. By using this site you agree to our use of cookies as described in our <a href="https://dochub.com/site/privacy-notice" title="Cookie Privacy Notice" target="_blank">Privacy Notice</a>. You can modify your selections by visiting our <a href="https://dochub.com/site/cookies" title="Cookie Advertising Notice" target="_blank">Cookie and Advertising Notice</a>.<span class="popup-readmore popup-readmore--more">... <span class="link">Read more...</span></span><span class="popup-readmore popup-readmore--less link">Read less</span></div> </div> <div class="popup-cookie__column popup-cookie__column--action"><span class="button button__bordered js-popup-accept" tabindex="0">Accept</span></div> </div> </div> <script src="https://cdn.mrkhub.com/dochub-frontend/31/javascripts/functionality-page.js"></script> <script src="https://static-ak.pdffiller.com/frontend/babel-polyfill.min.js"></script> <script src="https://static-ak.pdffiller.com/frontend/react16-vendors.min.js"></script> <script src="https://static-ak.pdffiller.com/frontend/webpack/Uploader.js"></script> <script> window.user = { 'internalEmail' : '', 'isLogged' : false, 'isPaid' : false, 'email' : '', }; window.allConstants.UPLOADER_DOCHUB_UPLOAD_DZ_BUTTON_TEXT = 'Select a document'; var sendStat = function() { return true; }; var isUserPaid = function() { return window.user && window.user.isPaid !== undefined ? { isPaid: window.user.isPaid } : {isPaid: false}; }; var getUserEmail = function() { return window.user && window.user.internalEmail !== undefined ? { internalEmail: window.user.internalEmail, } : {internalEmail: ''}; }; var isUserLogged = function() { return window.user && window.user.isLogged !== undefined ? { isLogged: window.user.isLogged } : { isLogged: false }; }; var runTemplateSuggestion = function() { console.log('runTemplateSuggestion'); return true; }; var openEditor = function(res) { if (res.type === 'SUCCESS' || res.type === 'GO_TO_EDITOR') { setExternalGuestId('https://www.pdffiller.com/api_v3/abTest/setExternalGuestId', getRedirectLink, res.uploadData); fetch('https://www.pdffiller.com/api_v3/uploader/info', { method: 'post', headers: { 'Content-Type': 'application/json', 'User-Agent': navigator.userAgent, 'userid': res.uploadData.auth.userId, 'token': res.uploadData.auth.token, 'appkey': res.uploadData.auth.appKey }, body: JSON.stringify({ 'origin': 'https://www.dochub.com', 'projectId': res.uploadData.docList[0].id, 'guestId': 'b1868a7fcc.1714864756' }) }) .then(response => response.json()) .then(response => { if (response.data && response.result === true) { document.cookie = 'api_js=' + response.data.api_js + "; path=/; max-age=3600"; window.sendMetric({ abTower: 'dh_pdffiler_editor_before_redirect', dataDog: 'dh_pdffiler_editor_before_redirect', }, 'https://www.dochub.com/api/send-metrics'); window.location.href = response.data.redirect_url; } else { console.log("Can't make redirect on editor"); } }); } return true; }; window.sendMetric = (metrics = {}, route = '/api/send-metrics') => { let ajax = new XMLHttpRequest(); ajax.open('POST', route, true); ajax.setRequestHeader('Content-Type', 'application/json'); ajax.setRequestHeader('X-CSRF-TOKEN', document.querySelector('meta[name="csrf-token"]').content); ajax.send(JSON.stringify(metrics)); }; var setExternalGuestId = function (url, callback, uploadData) { var ajax = new XMLHttpRequest(); var body = { 'guestId': 'b1868a7fcc.1714864756' }; ajax.open('POST', url, true); ajax.setRequestHeader('userid', uploadData.auth.userId); ajax.setRequestHeader('token', uploadData.auth.token); ajax.setRequestHeader('appkey', uploadData.auth.appKey); ajax.setRequestHeader('Content-Type', 'application/json'); ajax.send(JSON.stringify(body)); }; function sendAbTestEvent() { window.sendMetric({ abTower: 'dh_pdffiler_editor_start_uploading', dataDog: 'dh_pdffiler_editor_start_uploading', }, 'https://www.dochub.com/api/send-metrics'); } var getRedirectLink = function (response) { response = JSON.parse(response); if (response.result) { document.cookie = 'api_js=' + response.data.api_js + "; path=/; max-age=3600"; window.location.href = response.data.redirect_url } }; initUploader({ localePrefix: 'DOCHUB_', app: 'DOCHUB_MAIN_FEATURES', modes: { microSites: true }, features: ["@UPLOADER\/UPLOAD"], api: { base: 'https://www.pdffiller.com', ws: { host: 'wss://mm-websocket.pdffiller.com', port: '443', }, }, auth: { appKey: 'klwlq3h4jfi8.apps.dochub.v1.0' }, multiple: 1, callbacks: { end: openEditor, request: runTemplateSuggestion }, hooks: { data: { modalOpen: [getUserEmail, isUserLogged, isUserPaid] }, actions: { startUploading: [sendAbTestEvent] }, stat: sendStat, }, }); </script> <script defer src="https://cdn.mrkhub.com/sks/js/sks_track.js"></script> <link media="all" href="https://cdn.mrkhub.com/dochub-frontend/31/stylesheets/functionality-page.css" rel="stylesheet"> </body> </html> <script>(function(){if (!document.body) return;var js = "window['__CF$cv$params']={r:'87ec36f7d870114a',t:'MTcxNDg2NDc1Ni44MDcwMDA='};_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js',document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();</script>