¿Cómo crear un tema HTML personalizado?
Vamos a usar Sublime Text aquí. Descarga y visualiza tu plantilla HTML. Descarga la plantilla que deseas editar. Encuentra la etiqueta
en el inspector. Edita la etiqueta en HTML. Agrega tu imagen. Cambia los enlaces de redes sociales. Edita la sección Acerca de. Personaliza la sección de Servicios. Edita el texto de derechos de autor.</div>
</div>
<div class="accordion__panel">
<h3 class="accordion__panel-title" role="tab" tabindex="3" data-qa-tag="faq-tab-4">
<div class="accordion__panel-status"></div>
¿Cómo agregar una plantilla HTML?
</h3>
<div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-4-content">Puedes usar la etiqueta <template> si tienes algún código HTML que deseas usar una y otra vez, pero no hasta que lo pidas. Para hacer esto sin la etiqueta, debes crear el código HTML con JavaScript para evitar que el navegador renderice el código.</div>
</div>
<div class="accordion__panel">
<h3 class="accordion__panel-title" role="tab" tabindex="4" data-qa-tag="faq-tab-5">
<div class="accordion__panel-status"></div>
¿Puedo editar HTML en WordPress?
</h3>
<div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-5-content">Edita HTML en el Editor de WordPress. Tienes dos opciones para editar HTML en el Editor de WordPress: En la barra de herramientas para cada bloque (que aparece cuando haces clic en el bloque), los puntos suspensivos, o los tres puntos, tienen una opción Editar como HTML para editar el HTML solo para ese bloque específico.</div>
</div>
<div class="accordion__panel">
<h3 class="accordion__panel-title" role="tab" tabindex="5" data-qa-tag="faq-tab-6">
<div class="accordion__panel-status"></div>
¿Puedes convertir HTML a tema de WordPress?
</h3>
<div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-6-content">Para convertir un sitio HTML a WordPress, puedes usar un plugin/aplicación, convertir tus archivos manualmente, o utilizar un tema hijo y transferir los archivos HTML a ese tema hijo. La primera es convertir manualmente ese HTML para hacer un tema de WordPress.</div>
</div>
<div class="accordion__panel">
<h3 class="accordion__panel-title" role="tab" tabindex="6" data-qa-tag="faq-tab-7">
<div class="accordion__panel-status"></div>
¿Cómo convertir HTML a tema?
</h3>
<div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-7-content">Convertir HTML manualmente. Paso 1: Crea una carpeta de tema. Paso 2: Copia y pega tu CSS existente. Paso 3: Separa el HTML existente. Paso 4: Configura tu archivo index.php. Paso 5: Sube tu nuevo tema. Paso 1: Elige un tema. Paso 2: Crea una carpeta para tu tema hijo. Paso 3: Configura una hoja de estilo.</div>
</div>
<div class="accordion__panel">
<h3 class="accordion__panel-title" role="tab" tabindex="7" data-qa-tag="faq-tab-8">
<div class="accordion__panel-status"></div>
¿Cómo accedo a los archivos HTML en el tema de WordPress?
</h3>
<div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-8-content">Puedes acceder a los archivos HTML en WordPress utilizando FTP o el Administrador de Archivos de tu proveedor de hosting. Navega al directorio donde se ha cargado el archivo HTML y deberías poder acceder a él desde allí. Si seguiste esta guía y modificaste tu archivo wp-config.php, también deberías poder usar la Biblioteca de Medios de WordPress.</div>
</div>
</div>
</div>
</div>
</section>
<section class="page-section page-section--customers-reviews">
<div class="page-section__inner">
<h2 class="section-title">Ve por qué nuestros clientes eligen 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">Gran solución para documentos PDF con muy poco conocimiento previo requerido.</div>
<div class="user-review__message">"Simplicidad, familiaridad con el menú y fácil de usar. Es fácil de navegar, hacer cambios y editar lo que necesites. Como se utiliza junto a Google, el documento siempre se guarda, así que no tienes que preocuparte por ello."</div>
<div class="user-review__author">
<div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/152/images/_pages/functionality/icons/photo-pam@2x.png" alt="" loading="lazy"></div>
<div class="user-review__author-name"><b>Pam Driscoll F</b><br>Profesora</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">Un valioso firmador de documentos para pequeñas empresas.</div>
<div class="user-review__message">"Me encanta que DocHub sea increíblemente asequible y personalizable. Realmente hace todo lo que necesito, sin un gran precio como algunos de sus competidores más conocidos. Puedo enviar documentos seguros directamente a los correos electrónicos de mis clientes y en tiempo real cuando están viendo y haciendo alteraciones a un documento."</div>
<div class="user-review__author">
<div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/152/images/_pages/functionality/icons/photo-jiovany@2x.png" alt="" loading="lazy"></div>
<div class="user-review__author-name"><b>Jiovany A</b><br>Pequeña Empresa</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">Puedo crear copias rellenables para las plantillas que selecciono y luego puedo publicarlas.</div>
<div class="user-review__message">"Me gusta trabajar y organizar mi trabajo de la manera adecuada para cumplir e incluso superar las demandas que se hacen a diario en la oficina, así que disfruto trabajar con archivos PDF, creo que son más profesionales y versátiles, permiten..."</div>
<div class="user-review__author">
<div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/152/images/_pages/functionality/icons/photo-victoria@2x.png" alt="" loading="lazy"></div>
<div class="user-review__author-name"><b>Victoria G</b><br>Pequeña Empresa</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">esté listo para obtener más</div>
<h4 class="section-title">Edita y firma PDF<span class="section-title__accent">gratis</span></h4>
<a class="button"
tabindex="0"
data-qa-tag="button-cta-get-started"
onclick="sksTracker.trackBeforeAction()"
href="https://dochub.com/sign-up"
data-metric-ab-tower="dh_lp_sign_up_buttons_in_lp_functionalities"
>Empieza ahora</a>
</div>
</section>
<div class="page__footer">
<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/152/images/logos/dochub-reverse-2025.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"
rel="noopener"
target="_blank">
<img class="google-play" src="https://cdn.mrkhub.com/dochub-frontend/152/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" rel="noopener" target="_blank">
<img class="app-store" src="https://cdn.mrkhub.com/dochub-frontend/152/images/_modules/section-footer/app-store-transparent.svg" alt="App Store" width="135" height="40" loading="lazy">
</a>
</div>
<div class="copyright-caption">© 2025 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" rel="noopener" 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/es/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://www.dochub.com/en/about-us">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" rel="noopener" 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" rel="noopener" target="_blank" href="https://www.pdffiller.com/">pdfFiller</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.uslegalforms.com/">US Legal Forms</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.signnow.com/">Electronic Signature</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.airslate.com ">No-code document workflows</a></div>
<div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" 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 v6 Released! Multi-file envelopes, bulk file importing, and multi-page reordering and much more.</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" rel="noopener" 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"
rel="noopener"
target="_blank">
<img class="google-play" src="https://cdn.mrkhub.com/dochub-frontend/152/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" rel="noopener" target="_blank">
<img class="app-store" src="https://cdn.mrkhub.com/dochub-frontend/152/images/_modules/section-footer/app-store-transparent.svg" alt="App Store" width="135" 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/152/images/logos/dochub-reverse-2025.svg" alt="DocHub logo" width="104" height="24" loading="lazy"></div>
<div class="copyright-caption">© 2025 DocHub, LLC</div>
</div>
</div>
</div>
<div class="popup-cookie popup-cookie__v2">
<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" rel="noopener" target="_blank">Privacy Notice</a>.
You can modify your selections by visiting our <a href="https://dochub.com/site/cookies" title="Cookie Advertising Notice" rel="noopener" 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>
window.events = {"google_one_tap_click":"dh_lp_google_one_tap_click","google_one_tap_close":"dh_lp_google_one_tap_close","google_button_displayed":"dh_lp_google_button_displayed","google_button_click":"dh_lp_google_button_click","pdffiller_editor_button_click":"dh_pdffiller_uploader_click"};
</script>
<script>
window.CURRENT_DATE_LOCALE = 'es';
</script>
<img style="position: absolute; left: -9999px;" src="https://www.pdffiller.com/funnel.php?source=functionality_dochub" alt=""/>
<script src="https://cdn.mrkhub.com/dochub-frontend/152/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/Uploader_1/42100/Uploader.js"></script>
<script>
window.user = {
'internalEmail' : '',
'isLogged' : false,
'isPaid' : false,
'email' : '',
};
window.allConstants.UPLOADER_DOCHUB_UPLOAD_DZ_BUTTON_TEXT = 'Seleccione un documento';
const sendMetricWithRedirect = function(metrics = {}, route = '/api/send-metrics') {
return new Promise((resolve, reject) => {
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.onload = function() {
if (ajax.status === 200) {
resolve();
} else {
reject();
}
};
ajax.send(JSON.stringify(metrics));
});
};
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?lang=es', {
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': '920be30e56.1746651077'
})
})
.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.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event: "CE_file_navigate",
})
sksTracker.trackBeforeAction();
sendMetricWithRedirect({
abTower: 'dh_pdffiler_editor_before_redirect',
dataDog: 'dh_pdffiler_editor_before_redirect',
}, 'https://www.dochub.com/api/send-metrics')
.then(() => {
window.location.href = response.data.redirect_url;
})
.catch(() => {
console.log("sendMetricWithRedirect: Failed to 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': '920be30e56.1746651077'
};
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');
}
function sendDataLayerEvent() {
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event: "CE_file_upload",
})
}
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,
lang: 'es',
callbacks: {
end: openEditor,
request: runTemplateSuggestion
},
hooks: {
data: {
modalOpen: [getUserEmail, isUserLogged, isUserPaid]
},
actions: {
startUploading: [sendAbTestEvent, sendDataLayerEvent],
},
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/152/stylesheets/functionality-page.css" rel="stylesheet">
</body>
</html>
