Como criar um sítio Web para uma conferência WordPress em menos de 30 minutos

O resumo

• Criar um sítio Web WordPress com a marca para uma conferência de 3 dias que inclua uma página inicial, uma página sobre, uma página de programação, um formulário de contacto e um blogue
• Implementar a funcionalidade de comércio eletrónico que será utilizada para vender bilhetes e mercadorias
• Ao comprar um bilhete, o participante terá de selecionar um tipo de bilhete (delegado, patrocinador ou estudante) e terá de fornecer o seu nome, endereço de correio eletrónico, tamanho da t-shirt, nome de utilizador do Twitter e URL do sítio Web
• Após a compra de um bilhete, este deve ser enviado para o endereço eletrónico do comprador sob a forma de uma mensagem HTML e deve ser-lhe dada a possibilidade de descarregar o bilhete em formato PDF
• Os bilhetes também serão vendidos pessoalmente no dia do evento e o sistema terá de fornecer uma forma de gerir as entradas/inscrições dos participantes em cada dia do evento

O desafio dos 30 minutos

Dado o prazo limitado, antes de iniciar a construção, preparei um logótipo, comprei imagens de arquivo e criei todo o conteúdo das páginas necessárias para o sítio (com uma pequena ajuda de ChatGPT).

Em seguida, dirigi-me a InstaWP que é uma ótima ferramenta para criar sites sandbox usados para desenvolvimento ou teste. O uso do InstaWP reduzirá significativamente o tempo necessário para configurar o site WordPress. Quando o site estiver pronto para entrar no ar, o InstaWP oferece ferramentas de migração que facilitam a transferência do site para o seu provedor de serviços de hospedagem.

Ao criar o site no InstaWP, escolhi a opção de modelo WooCommerce, que gerou um site WordPress com o WooCommerce já instalado. Em seguida, concluímos a configuração do WooCommerce, definimos a moeda como USD e configurámos o PayPal para podermos aceitar pagamentos.

Em seguida, instalei o programa gratuito Elementor construtor de páginas e a ferramenta gratuita Tema Astra. Estas são as ferramentas com que já tenho experiência, no entanto, pode utilizar qualquer tema ou construtor de páginas com que se sinta confortável. Em seguida, dirigi-me à secção multimédia e carreguei todas as nossas fotografias e gráficos que tinha obtido antecipadamente.

Em seguida, criei páginas em branco para a página inicial, sobre, agenda, contactos e blogue e fui às definições de Leitura do WordPress para definir as páginas inicial e do blogue. Criei um menu que incluía todas estas páginas e defini-o como o menu principal.

Em seguida, regressei à página inicial e comecei a adicionar o conteúdo da página inicial e a criar um esquema eficaz. Para este desafio, decidi construir todas as páginas de raiz e não utilizar quaisquer modelos.

De seguida, passei para a página "Sobre" e adicionei o título, a imagem de destaque e o conteúdo. Em seguida, adicionei conteúdo à página de contacto e adicionei o widget de código curto Elementor que será utilizado para colocar um formulário de contacto na página. Formulário de contacto 7 plugin. Ao instalar o Contact form 7, este gera automaticamente um formulário de contacto predefinido e fornece um shortcode que pode ser utilizado para adicionar o formulário de contacto à página. Copiei o shortcode e adicionei-o à minha página de contactos utilizando o widget de shortcode.

Em seguida, criei a página de calendário utilizando o mesmo esquema da página sobre e publiquei uma publicação de anúncio no blogue.

Utilizando as definições do personalizador, defini o logótipo e o ícone do cabeçalho do sítio.

Em seguida, instalei o Plugins FooEvents que será utilizado para adicionar funcionalidades de eventos e de emissão de bilhetes ao sítio. Na maior parte dos casos, utilizei as definições normais do FooEvents, mas fui às definições do FooEvents e defini os bilhetes para utilizarem um código QR em vez de um código de barras. Trata-se sobretudo de uma preferência pessoal, uma vez que os códigos QR têm um ótimo aspeto e são mais fáceis de digitalizar.

Em seguida, criei um produto para os bilhetes e preenchi todos os campos padrão, como o título, a imagem da caraterística e a descrição. 

Utilizando a funcionalidade fornecida pelo FooEvents Plugin para vários diasdefini o produto como um evento de 3 dias. 

Configurei o e-mail do bilhete em HTML e utilizando o FooEvents Plugin de campos personalizados de participantesCriei campos de participante personalizados que seriam capturados no checkout.

Em seguida, criei um produto WooCommerce padrão para uma t-shirt que seria vendida online e no evento para angariar fundos.

Com pouco tempo de sobra, instalei o programa gratuito WP SMTP Mail para ajudar a melhorar a entrega dos nossos e-mails de bilhetes. O WP SMTP Mail permite enviar mensagens de correio eletrónico do sítio, como as mensagens de bilhetes WooCommerce e FooEvents, utilizando uma conta de correio eletrónico autenticada em vez de o fazer diretamente a partir do seu servidor. 

A poucos minutos do fim do prazo, regressei à página inicial e fiz alguns retoques finais antes de atingir o prazo de 30 minutos!

O resultado final é um sítio Web da conferência totalmente funcional. Embora o design seja simples, e provavelmente pudesse ser feito com algumas horas de amor pelo design, transmite a informação relevante de uma forma profissional.

Áreas funcionais como o blogue e o formulário de contacto funcionam perfeitamente e o nosso sítio está pronto para começar a processar encomendas de comércio eletrónico.

Os participantes podem adquirir artigos e garantir o seu lugar através da compra de um bilhete para a conferência. 

Tudo o que têm de fazer é selecionar os seus artigos, avançar para o carrinho de compras e, em seguida, proceder ao checkout. 

Aqui, podem completar as suas informações de faturação e fornecer as informações do participante que serão utilizadas para gerar o bilhete. 

O cliente pode então ver o seu bilhete no ecrã de detalhes da encomenda e, graças ao plugin FooEvents PDF Tickets, pode descarregar uma cópia em PDF do bilhete. 

O participante receberá também um e-mail com uma cópia do bilhete em PDF.

Os organizadores do evento podem gerir as encomendas e os bilhetes no painel de administração do WordPress.

Utilizar o FooEvents POS pluginOs bilhetes também podem ser vendidos pessoalmente no dia do evento.

Os organizadores de eventos podem imprimir bilhetes no evento diretamente a partir de FooEvents POS utilizando a maioria dos recibos térmicos e impressoras de secretária normais.

Processe pagamentos diretamente no sistema FooEvents POS usando certos leitores de cartão Stripe e Square. Também é possível inserir manualmente os detalhes do cartão do cliente, o que é perfeito para receber pedidos por telefone ou se o hardware não estiver disponível em seu país.

E, por último, mas não menos importante, utilizar a aplicação gratuita FooEvents Aplicações de check-insOs organizadores de eventos também podem gerir facilmente as inscrições no dia do evento. Podem encontrar facilmente informações sobre os bilhetes, procurando os participantes pelo nome ou ID do bilhete, ou podem digitalizar o bilhete utilizando o leitor de código QR incorporado.

Conclusão

Este foi um desafio divertido e um grande testemunho do que pode ser alcançado usando o WordPress e as ferramentas que o suportam. Se tivesse mais tempo, haveria definitivamente mais algumas coisas em que trabalharia (SEO, design, acessibilidade, desempenho, etc.), mas tendo em conta o período de 30 minutos, estou bastante satisfeito com o que foi conseguido.

Se quiser ver mais pormenores, aqui está um vídeo do processo de construção completo e não editado de 30 minutos:

Estes são todos os serviços e plug-ins que utilizei para criar este projeto.

• FooEvents para WooCommerce - https://www.fooevents.com/products/fooevents-for-woocommerce
• FooEvents Plugin de campos personalizados de participantes - https://www.fooevents.com/products/fooevents-custom-attendee-fields
• FooEvents Plugin de vários dias - https://www.fooevents.com/products/fooevents-multi-day
• FooEvents PDF Tickets plugin – https://www.fooevents.com/products/fooevents-pdf-tickets
• FooEvents POS plugin – https://www.fooevents.com/products/fooevents-pos
• InstaWP - https://instawp.com
• WordPress - https://wordpress.org
• WooCommerce - https://woocommerce.com
• Elementor - https://wordpress.org/plugins/elementor
• Tema Astra - https://www.wordpress.org/themes/astra
• Formulário de contacto 7 - https://www.wordpress.org/plugins/contact-form-7
• O plugin WP SMTP Mail - https://www.wordpress.org/plugins/wp-mail-smtp

Se tiver alguma questão relacionada com o FooEvents, dirija-se ao nosso centro de ajuda e entrar em contacto