TAG: WordPress

WooCommerce: Como visualizar a página de pedido recebido.



Tempo de leitura: < 1 minuto

Para visualizar a página de pedido recebido para testes ou ver as alterações de estilo você pode seguir os passos abaixo.

Acesse pelo banco de dados e pesquise na tabela wp_postmeta para poder pegar o valor da meta key _order_key pesquisando pelo POST_ID do pedido salvo na base.

SELECT meta_value FROM `wp_postmeta` WHERE `post_id` = POST_ID AND `meta_key` = '_order_key';

Pelo WP-CLI: wp post meta get POST_ID _order_key

Após realizar a pesquisa deve retornar um valor similar a este: wc_order_LZJjoWle6l17l

Com esse valor você precisar acessar o link URL da página de pedido recebido similar ao link abaixo.

https://minhaloja.com/finalizar-compra/pedido-recebido/POST_ID/?key=wc_order_LZJjoWle6l17l

Dica: Plugin WC Order Test para WooCommerce, com ele você pode verificar se o checkout está funcionando.

Masks Form Fields



WordPress Plugin Version  WordPress Plugin Rating  WordPress Plugin: Tested WP Version  WordPress Plugin Active Installs  WordPress Plugin Downloads
A plugin to add masks in the form’s fields for WordPress.

Basic Usage Examples

Add a class in the form field.

<input type=”tel” name=”your-phone” class=”phone“ />

Contact Form 7: [tel your-phone class:phone placeholder “Phone”]

(‘span.start, input.start’).mff_mask(’00/0000′);
(‘span.date, input.date’).mff_mask(’00/00/0000′);
(‘span.time, input.time’).mff_mask(’00:00:00′);
(‘span.time2, input.time2′).mff_mask(’00:00’);
(‘input.date_time’).mff_mask(’00/00/0000 00:00:00′);
(‘input.date_time2′).mff_mask(’00/00/0000 00:00’);
(‘input.cep’).mff_mask(‘00000-000’, { clearIfNotMatch: true });
(‘input.zip’).mff_mask(‘00000’);
(‘input.phone, input[name=”phonebr”]’).mff_mask(PhoneMaskBehavior, nonoOptions);
(‘input.phone_us’).mff_mask(‘(000) 000-0000’);
(‘input.taxid’).mff_mask(’00-0000000′);
(‘input.ssn’).mff_mask(‘000-00-0000’);
(‘input.mixed’).mff_mask(‘AAA 000-S0S’);
(‘input.cpf’).mff_mask(‘000.000.000-00’, { reverse: true, clearIfNotMatch: true });
(‘input.cnpj’).mff_mask(‘00.000.000/0000-00’, { reverse: true, clearIfNotMatch: true });
(‘input.money’).mff_mask(‘000.000.000.000.000,00’, { reverse: true });
(‘input.money2’).mff_mask(‘#.##0,00’, { reverse: true });
(‘input.money3’).mff_mask(‘#,##0.00’, { reverse: true });
(‘input.money4’).mff_mask(‘000,000,000,000,000.00’, { reverse: true });
(‘input.money5’).mff_mask(‘#.##0’, { reverse: true });
(‘input.money6’).mff_mask(‘#,##0’, { reverse: true });
(‘input.ip_address’).mff_mask(‘099.099.099.099’);
(‘input.percent’).mff_mask(‘##0,00%’, { reverse: true });
(‘input.percent2’).mff_mask(‘##0.00%’, { reverse: true });
(‘input.percent3’).mff_mask(‘990,0%’, { reverse: true });
(‘input.percent4’).mff_mask(‘990.0%’, { reverse: true });
(‘input.percent5’).mff_mask(‘#,##0%’, { reverse: true });
(‘input.percent6’).mff_mask(‘#.##0%’, { reverse: true });

Click here for more details on how to add custom mask.

Click here to create a temporary WordPress site for test this plugin.

Frequently Asked Questions

Installation Instructions

Installing “Masks Form Fields” can be done either by searching for “Masks Form Fields” via the “Plugins > Add New” screen in your WordPress dashboard, or by using the following steps:

1. Download the plugin via WordPress.org
2. Upload the ZIP file through the ‘Plugins > Add New > Upload’ screen in your WordPress dashboard
3. Activate the plugin through the ‘Plugins’ menu in WordPress

Default translation

'0': {pattern: /\d/}, // (Numbers)
'9': {pattern: /\d/, optional: true}, // (Optional Numbers)
'#': {pattern: /\d/, recursive: true}, // (Recursive Numbers)
'A': {pattern: /[a-zA-Z0-9]/}, // (Alphanumeric, Letters and Numbers)
'S': {pattern: /[a-zA-Z]/} // (Letters only)

Can I add new mask types?

Yes, use the code below.

The mask plugin work with WooCommerce?

Unfortunately, it does not support WooCommerce. But can keep the plugin active and try to insert one of the codes in the links below to add the mask.
JavaScript
PHP (functions.php)

The mask plugin work with Divi Theme?

Unfortunately, it does not support Divi Theme. But can keep the plugin active and try to insert below code to add the mask.

Go to Divi Theme Options -> Integration set “Enable header code” and add below code in “Add code to the < head > of your blog”.

Download
GitHub
Donation

Desenvolvimento de Sites Profissionais em WordPress



Desenvolvimento de sites em WordPress com visual moderno, estrutura profissional e adaptação completa para todos os tamanhos de tela. O site funciona com qualidade em celulares, tablets, notebooks, monitores menores e também em janelas redimensionadas, garantindo uma experiência consistente para quem acessa.

Cada projeto é desenvolvido com foco em performance, usabilidade e conversão, para que o site não seja apenas bonito, mas também rápido, funcional e preparado para gerar mais credibilidade e melhores resultados para o negócio.

O desenvolvimento pode ser feito com temas e plugins personalizados ou com ferramentas profissionais como Bricks Builder (recomendado), Oxygen Builder e Elementor, sempre com a solução mais adequada para o objetivo do projeto.

WordPress

O WordPress é uma plataforma completa e flexível, desenvolvida em PHP com banco de dados MySQL, ideal para criação de sites profissionais. Com ele, é possível desenvolver sites institucionais, blogs, lojas virtuais, portfólios, páginas de eventos, catálogos e muito mais.

Além da versatilidade, o WordPress permite expansão e personalização conforme a necessidade do projeto, utilizando temas, plugins e desenvolvimento sob medida.

Clique aqui e solicite um orçamento para criar um site profissional, moderno e preparado para valorizar sua presença online.

Criação de Lojas Virtuais com WooCommerce



Desenvolvimento de lojas virtuais profissionais com WooCommerce, com visual moderno, estrutura organizada e adaptação completa para todos os tamanhos de tela. A loja funciona com qualidade em celulares, tablets, notebooks, monitores menores e também em janelas redimensionadas, garantindo uma experiência de compra consistente e eficiente em qualquer dispositivo.

Cada projeto é desenvolvido com foco em performance, usabilidade e conversão, para que a loja virtual seja rápida, fácil de navegar e preparada para vender com mais eficiência. A estrutura pode incluir páginas de produtos, categorias, variações, carrinho, checkout, cupons de desconto, cálculo de frete e integrações conforme a necessidade do negócio.

A loja também pode contar com integração com meios de pagamento e soluções de frete, ficando pronta para operar de forma prática e segura. Entre as opções mais utilizadas estão o Mercado Pago, que permite pagamentos por cartão, PIX e boleto, além de integrações com Correios e Melhor Envio para cálculo de frete, geração de etiquetas e gestão de envios com mais eficiência.

O desenvolvimento pode ser feito com tema personalizado, ajustes sob medida e uso de ferramentas profissionais como Bricks Builder (recomendado), sempre com a solução mais adequada para o objetivo do projeto.

WooCommerce

O WooCommerce é a principal solução de e-commerce para WordPress, desenvolvida para transformar um site em uma loja virtual completa, flexível e escalável. Com ele, é possível vender produtos físicos, digitais, variáveis e até serviços, com total controle sobre catálogo, pedidos, clientes e formas de pagamento.

Além da versatilidade, o WooCommerce permite personalização de layout, funcionalidades e regras de negócio, com integração a meios de pagamento, envios, automações e recursos que acompanham o crescimento da operação.

Clique aqui e solicite um orçamento para criar uma loja virtual profissional com WooCommerce, moderna, funcional e preparada para vender online com mais eficiência.