WordPress WooCommerce Pergunta: Trust Badge em “Adicionar ao carrinho”

Um usuário perguntou 👇

Descubra como posso colocar um selo de confiança em “Adicionar ao carrinho”.

Eu realmente não sei como, acabei de encontrar a imagem do emblema

Estou usando o tema do comprador Alidropship

Por favor ajude

(@serafinnyc)

1 ano, 9 meses atrás

Existem muitos plugins de emblemas. Você assumiria que foi sua escolha? Se você sabe como codificar, me avise e mostrarei como escrever um trecho para colocar lá.

(@grunauer)

1 ano, 9 meses atrás

Eu não sei codificação, então quero dizer se você me disser exatamente o que fazer para que fique logo abaixo do soquete na parte inferior do cartão.

É apenas um selo de confiança de cheque seguro com materiais de pagamento/visto, o usual em todas as páginas de produtos em qualquer loja online

Como esse

Agradeceria qualquer tipo de ajuda.

desde já, obrigado

Esta resposta foi modificada há 1 ano e 9 meses. Esta resposta foi modificada há 1 ano e 9 meses. Esta resposta foi modificada há 1 ano e 9 meses.

(@serafinnyc)

1 ano, 9 meses atrás

Você tem acesso FTP, sabe editar o arquivo de funções? Caso contrário, eu recomendo procurar um plugin para fazer isso. Existem alguns bons por aí. As crianças YITH têm um bom, mas é um plugin pago.

Se você tem acesso ao FTP e pode editar o arquivo de funções, você pode.

O primeiro. Você quer para um produto específico? Isso coloca uma caixa de seleção na parte de trás, caso você não queira em todos os lugares.


//this adds a checkbox to General Tab
add_action( 'woocommerce_product_options_general_product_data', 'serafin_add_badge_checkbox_to_products' );        
  
function serafin_add_badge_checkbox_to_products() {           
woocommerce_wp_checkbox( array( 
   'id' => 'custom_badge', 
   'class' => '', 
   'label' => 'Show Trust Badge'
     ) 
   );      
 }

//This saves that check
add_action( 'save_post', 'serafin_save_badge_checkbox_to_post_meta' );
  
function serafin_save_badge_checkbox_to_post_meta( $product_id ) {
    if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE )
        return;
    if ( isset( $_POST['custom_badge'] ) ) {
            update_post_meta( $product_id, 'custom_badge', $_POST['custom_badge'] );
    } else delete_post_meta( $product_id, 'custom_badge' );
}

//This will be the image for your badge. change the url to the exact url of your image.
add_action( 'woocommerce_after_add_to_cart_button', 'serafin_display_badge_if_checkbox', 6 );
  
function serafin_display_badge_if_checkbox() {
    global $product;     
    if ( get_post_meta( $product->get_id(), 'custom_badge', true ) ) {
        echo '
<div class="trust-badge"><img src="
 
';
    }
}

Se você não tem certeza sobre como adicionar isso, então eu não o faria. Dependendo do seu site, você precisará adicionar algum CSS para fazer essa exibição da maneira que você deseja.

(@grunauer)

1 ano, 9 meses atrás

Está lá para todas as páginas de produtos que eu criei a partir de agora.

O que preciso fazer exatamente? Eu não sou realmente um especialista, oh

(@serafinnyc)

1 ano, 9 meses atrás

Não fique triste. Todos nós tivemos que aprender em algum momento.

Para ser honesto, eu usaria um plugin. Dessa forma, você pode editá-lo quando precisar. Confira o plugin YITH Badge e o Google Custom Badge para WooCommerce. Você deve ser capaz de encontrar algo que funcione para você.

(@grunauer)

1 ano, 9 meses atrás

espere eu tenho algo

esses caras realmente dão código

tudo que eu quero é obter o modelo do produto, alguma idéia de onde possa estar?

(@serafinnyc)

1 ano, 9 meses atrás

É basicamente a mesma coisa que escrevi para você, mas é para todos. O que você queria.

Adicione isso ao seu arquivo functions.php em seu tema.

(@grunauer)

1 ano, 9 meses atrás

Ok, mas como ou onde devo ir para acessar esse arquivo?

(@serafinnyc)

1 ano, 9 meses atrás

Está em seus arquivos de host. Se você não tiver acesso a um servidor FTP para alterá-los, poderá editá-los no WordPress, mas sempre recomendo não fazer isso, a menos que você saiba codificar.

Vá para Aparência > Editor > No menu suspenso, selecione o nome do seu tema > Clique em Selecionar > Recursos do tema ou Recursos que você vê. Logo após e abaixo do

Você adicionará o script


add_action( 'woocommerce_after_add_to_cart_button', 'show_content_after_add_to_cart' );
function show_content_after_add_to_cart() {
     echo "<img src=" >";
}

A melhor razão para fazer isso no FTP é que, se você cometer um erro, sempre poderá voltar. É difícil fazer no WordPress se você cometer um erro. Por isso tem cuidado

(@grunauer)

1 ano, 9 meses atrás

Eu tenho o host no site, então acho que posso pedir para eles me colocarem na coisa certa.

Como posso ter certeza de que, ao usar o código, poderei ver o selo que desejo?

Eu realmente preciso de um código para este selo este é o que eu preciso

(@serafinnyc)

1 ano, 9 meses atrás

Eu nunca vi um host adicionar qualquer código ao site de um cliente. Isso seria tudo no início, mas novamente é uma lua nova, então quem sabe.

O código está acima de você. Escrevi duas vezes, três vezes mulher.

Basta retirar o png e inserir seu URL assim.


add_action( 'woocommerce_after_add_to_cart_button', 'show_content_after_add_to_cart' );
function show_content_after_add_to_cart() {
     echo "<img src="" >";
}

Caso contrário, não podemos oferecer muito mais ajuda aqui. Você pode encontrar um desenvolvedor em algum lugar que possa colocá-lo para você, se o seu host não o fizer.

(@grunauer)

1 ano, 9 meses atrás

Já conversei com eles e não podem me ajudar.

Estou tentando encontrar o lugar dentro de um editor de temas para descobrir que preciso colocar o código mas não sei onde procurar

(@serafinnyc)

1 ano, 9 meses atrás

Eu sugiro que você encontre um desenvolvedor que possa adicionar isso. Dei-lhe algumas instruções detalhadas. Embora eu nunca aconselhe adicionar código dessa maneira. É melhor contratar um desenvolvedor para fazer isso por você se você não estiver familiarizado com o editor de pós-doc.

Isto foi útil?

0 / 0

Deixe uma resposta 0

O seu endereço de email não será publicado. Campos obrigatórios são marcados *