Połącz swoją stronę WordPress z Mailchimp w prosty sposób

Jak zintegrować Mailchimp z WordPress; Połącz Mailchimp z witryną WordPress; Dodaj newsletter Mailchimp do WordPress; Konfiguracja wtyczki Mailchimp dla WordPress; Korzystanie z Mailchimp z WordPress; Klucz API Mailchimp do integracji z WordPress; Samouczek dotyczący newslettera Mailchimp dla WordPress; Przewodnik po wtyczce Mailchimp dla WordPress; Połącz WordPress z listą Mailchimp; Kroki integracji Mailchimp z WordPress;

Objaśnienie

Aby połączyć swoją stronę WordPress z Mailchimp, będziesz potrzebować klucza API oraz identyfikatora listy (List ID) z Mailchimp. Ten kod pomoże Ci zintegrować Mailchimp z Twoją stroną WordPress, umożliwiając odwiedzającym subskrybowanie Twojego newslettera bezpośrednio z Twojej strony.

Oto szybki przegląd, jak to działa:

  • Klucz API i identyfikator listy: Musisz zastąpić 'your_mailchimp_api_key' oraz 'your_mailchimp_list_id' swoim rzeczywistym kluczem API Mailchimp i identyfikatorem listy. Są one niezbędne do połączenia Twojej strony z kontem Mailchimp.
  • AJAX dla subskrypcji: Kod wykorzystuje AJAX do obsługi żądań subskrypcyjnych bez odświeżania strony. Dzięki temu doświadczenie użytkownika jest płynniejsze.
  • Sprawdzenie bezpieczeństwa: Używany jest nonce (unikalny token), aby zapewnić, że żądania subskrypcyjne są bezpieczne i legalne.
  • Formularz subskrypcyjny: Prosty formularz jest tworzony za pomocą shortcode. Możesz umieścić ten shortcode w dowolnym miejscu na swojej stronie, aby wyświetlić formularz subskrypcyjny.
  • Obsługa odpowiedzi: Kod sprawdza, czy subskrypcja była udana i zapewnia użytkownikowi informację zwrotną.

Aby wyświetlić formularz subskrypcyjny, użyj shortcode [wp_dudecom_mailchimp_form] w swoich postach lub stronach. To spowoduje wyświetlenie formularza, w którym użytkownicy mogą wpisać swój adres e-mail, aby subskrybować Twoją listę Mailchimp.

Pamiętaj, że ta konfiguracja wymaga posiadania konta Mailchimp oraz dostępu do swojego klucza API i identyfikatora listy. Gdy wszystko będzie skonfigurowane, Twoi odwiedzający będą mogli łatwo subskrybować Twój newsletter, a ich adresy e-mail zostaną automatycznie dodane do Twojej listy Mailchimp.

Kod

<?php
// Function to integrate Mailchimp with WordPress using API Key
function wp_dudecom_mailchimp_integration() {
    // Add your Mailchimp API Key here
    $api_key = 'your_mailchimp_api_key';
    // Add your Mailchimp List ID here
    $list_id = 'your_mailchimp_list_id';

    // Check if the API Key and List ID are set
    if (empty($api_key) || empty($list_id)) {
        return;
    }

    // Enqueue jQuery for AJAX
    wp_enqueue_script('jquery');

    // Localize script to pass data to JavaScript
    wp_localize_script('jquery', 'wp_dudecom_mailchimp', array(
        'ajax_url' => admin_url('admin-ajax.php'),
        'nonce' => wp_create_nonce('wp_dudecom_mailchimp_nonce')
    ));

    // Add AJAX action for logged-in users
    add_action('wp_ajax_wp_dudecom_subscribe', 'wp_dudecom_subscribe_to_mailchimp');
    // Add AJAX action for non-logged-in users
    add_action('wp_ajax_nopriv_wp_dudecom_subscribe', 'wp_dudecom_subscribe_to_mailchimp');
}
add_action('wp_enqueue_scripts', 'wp_dudecom_mailchimp_integration');

// Function to handle subscription to Mailchimp
function wp_dudecom_subscribe_to_mailchimp() {
    // Verify nonce for security
    check_ajax_referer('wp_dudecom_mailchimp_nonce', 'security');

    // Get email from AJAX request
    $email = isset($_POST['email']) ? sanitize_email($_POST['email']) : '';

    if (!is_email($email)) {
        wp_send_json_error('Invalid email address.');
    }

    // Mailchimp API URL
    $api_url = 'https://<dc>.api.mailchimp.com/3.0/lists/' . $list_id . '/members/';

    // Prepare data for Mailchimp API
    $data = array(
        'email_address' => $email,
        'status' => 'subscribed'
    );

    // Setup request headers
    $headers = array(
        'Authorization' => 'Basic ' . base64_encode('user:' . $api_key),
        'Content-Type' => 'application/json'
    );

    // Make API request to Mailchimp
    $response = wp_remote_post($api_url, array(
        'headers' => $headers,
        'body' => json_encode($data)
    ));

    // Check for errors in API response
    if (is_wp_error($response)) {
        wp_send_json_error('Failed to subscribe. Please try again.');
    }

    // Decode response body
    $response_body = json_decode(wp_remote_retrieve_body($response), true);

    if (isset($response_body['status']) && $response_body['status'] == 'subscribed') {
        wp_send_json_success('Successfully subscribed!');
    } else {
        wp_send_json_error('Failed to subscribe. Please try again.');
    }
}

// Shortcode to display subscription form
function wp_dudecom_mailchimp_form_shortcode() {
    ob_start();
    ?>
    <form id="wp-dudecom-mailchimp-form">
        <input type="email" name="email" placeholder="Enter your email" required>
        <button type="submit">Subscribe</button>
    </form>
    <div id="wp-dudecom-mailchimp-response"></div>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $('#wp-dudecom-mailchimp-form').on('submit', function(e) {
                e.preventDefault();
                var email = $(this).find('input[name="email"]').val();
                $.ajax({
                    url: wp_dudecom_mailchimp.ajax_url,
                    type: 'POST',
                    data: {
                        action: 'wp_dudecom_subscribe',
                        email: email,
                        security: wp_dudecom_mailchimp.nonce
                    },
                    success: function(response) {
                        $('#wp-dudecom-mailchimp-response').html(response.data);
                    }
                });
            });
        });
    </script>
    <?php
    return ob_get_clean();
}
add_shortcode('wp_dudecom_mailchimp_form', 'wp_dudecom_mailchimp_form_shortcode');
?>

Instrukcja

Lokalizacja pliku: Dodaj poniższy kod do pliku functions.php swojego motywu lub do pliku niestandardowej wtyczki.

Wymagania wstępne:

  • Upewnij się, że masz konto Mailchimp.
  • Pobierz swój klucz API Mailchimp oraz identyfikator listy.

Kroki wdrożenia:

  1. Dostęp do panelu WordPress: Zaloguj się do swojego panelu administracyjnego WordPress.
  2. Otwórz Edytor motywu: Przejdź do Wygląd > Edytor motywu lub użyj edytora kodu, jeśli wolisz edytować pliki bezpośrednio.
  3. Edytuj functions.php: Zlokalizuj i otwórz plik functions.php swojego aktywnego motywu.
  4. Wstaw kod: Skopiuj i wklej podany kod do pliku functions.php.
  5. Zamień klucz API i identyfikator listy: W kodzie zamień 'your_mailchimp_api_key' oraz 'your_mailchimp_list_id' na swój rzeczywisty klucz API Mailchimp i identyfikator listy.
  6. Zapisz zmiany: Zapisz zmiany w pliku functions.php.
  7. Użyj shortcode: Dodaj shortcode [wp_dudecom_mailchimp_form] do dowolnego wpisu lub strony, na której chcesz, aby formularz subskrypcyjny się pojawił.
  8. Przetestuj formularz: Odwiedź stronę, na której dodałeś shortcode i przetestuj formularz subskrypcyjny, aby upewnić się, że działa poprawnie.

Jeśli napotkasz jakiekolwiek problemy lub potrzebujesz dalszej pomocy, rozważ skontaktowanie się z wp-dude.com w celu uzyskania profesjonalnej pomocy przy wdrożeniu lub zaawansowanej funkcjonalności.

\n ", "author": { "@type": "Person", "name": "WP-Dude.com" }, "datePublished": "2024-12-20T21:30:01+00:00", "dateModified": "2024-12-21T18:53:11+00:00" }, { "@type": "TechArticle", "@id": "https://wp-dude.com/pl/code-snippet/polacz-swoja-strone-wordpress-z-mailchimp-w-prosty-sposob/#article", "headline": "Po\u0142\u0105cz swoj\u0105 stron\u0119 WordPress z Mailchimp w prosty spos\u00f3b", "description": "Aby po\u0142\u0105czy\u0107 swoj\u0105 stron\u0119 WordPress z Mailchimp, b\u0119dziesz potrzebowa\u0107 klucza API oraz identyfikatora listy (List ID) z Mailchimp. Ten kod pomo\u017ce Ci zintegrowa\u0107 Mailchimp z Twoj\u0105 stron\u0105 WordPress, umo\u017cliwiaj\u0105c odwiedzaj\u0105cym subskrybowanie Twojego newslettera bezpo\u015brednio z Twojej strony.\n\nOto szybki przegl\u0105d, jak to dzia\u0142a:\n\n\n Klucz API i identyfikator listy: Musisz zast\u0105pi\u0107 'your_mailchimp_api_key' oraz 'your_mailchimp_list_id' swoim rzeczywistym kluczem API Mailchimp i identyfikatorem listy. S\u0105 one niezb\u0119dne do po\u0142\u0105czenia Twojej strony z kontem Mailchimp.\n AJAX dla subskrypcji: Kod wykorzystuje AJAX do obs\u0142ugi \u017c\u0105da\u0144 subskrypcyjnych bez od\u015bwie\u017cania strony. Dzi\u0119ki temu do\u015bwiadczenie u\u017cytkownika jest p\u0142ynniejsze.\n Sprawdzenie bezpiecze\u0144stwa: U\u017cywany jest nonce (unikalny token), aby zapewni\u0107, \u017ce \u017c\u0105dania subskrypcyjne s\u0105 bezpieczne i legalne.\n Formularz subskrypcyjny: Prosty formularz jest tworzony za pomoc\u0105 shortcode. Mo\u017cesz umie\u015bci\u0107 ten shortcode w dowolnym miejscu na swojej stronie, aby wy\u015bwietli\u0107 formularz subskrypcyjny.\n Obs\u0142uga odpowiedzi: Kod sprawdza, czy subskrypcja by\u0142a udana i zapewnia u\u017cytkownikowi informacj\u0119 zwrotn\u0105.\n\n\nAby wy\u015bwietli\u0107 formularz subskrypcyjny, u\u017cyj shortcode [wp_dudecom_mailchimp_form] w swoich postach lub stronach. To spowoduje wy\u015bwietlenie formularza, w kt\u00f3rym u\u017cytkownicy mog\u0105 wpisa\u0107 sw\u00f3j adres e-mail, aby subskrybowa\u0107 Twoj\u0105 list\u0119 Mailchimp.\n\nPami\u0119taj, \u017ce ta konfiguracja wymaga posiadania konta Mailchimp oraz dost\u0119pu do swojego klucza API i identyfikatora listy. Gdy wszystko b\u0119dzie skonfigurowane, Twoi odwiedzaj\u0105cy b\u0119d\u0105 mogli \u0142atwo subskrybowa\u0107 Tw\u00f3j newsletter, a ich adresy e-mail zostan\u0105 automatycznie dodane do Twojej listy Mailchimp.", "articleBody": "Aby po\u0142\u0105czy\u0107 swoj\u0105 stron\u0119 WordPress z Mailchimp, b\u0119dziesz potrzebowa\u0107 klucza API oraz identyfikatora listy (List ID) z Mailchimp. Ten kod pomo\u017ce Ci zintegrowa\u0107 Mailchimp z Twoj\u0105 stron\u0105 WordPress, umo\u017cliwiaj\u0105c odwiedzaj\u0105cym subskrybowanie Twojego newslettera bezpo\u015brednio z Twojej strony.\n\nOto szybki przegl\u0105d, jak to dzia\u0142a:\n\n\n Klucz API i identyfikator listy: Musisz zast\u0105pi\u0107 'your_mailchimp_api_key' oraz 'your_mailchimp_list_id' swoim rzeczywistym kluczem API Mailchimp i identyfikatorem listy. S\u0105 one niezb\u0119dne do po\u0142\u0105czenia Twojej strony z kontem Mailchimp.\n AJAX dla subskrypcji: Kod wykorzystuje AJAX do obs\u0142ugi \u017c\u0105da\u0144 subskrypcyjnych bez od\u015bwie\u017cania strony. Dzi\u0119ki temu do\u015bwiadczenie u\u017cytkownika jest p\u0142ynniejsze.\n Sprawdzenie bezpiecze\u0144stwa: U\u017cywany jest nonce (unikalny token), aby zapewni\u0107, \u017ce \u017c\u0105dania subskrypcyjne s\u0105 bezpieczne i legalne.\n Formularz subskrypcyjny: Prosty formularz jest tworzony za pomoc\u0105 shortcode. Mo\u017cesz umie\u015bci\u0107 ten shortcode w dowolnym miejscu na swojej stronie, aby wy\u015bwietli\u0107 formularz subskrypcyjny.\n Obs\u0142uga odpowiedzi: Kod sprawdza, czy subskrypcja by\u0142a udana i zapewnia u\u017cytkownikowi informacj\u0119 zwrotn\u0105.\n\n\nAby wy\u015bwietli\u0107 formularz subskrypcyjny, u\u017cyj shortcode [wp_dudecom_mailchimp_form] w swoich postach lub stronach. To spowoduje wy\u015bwietlenie formularza, w kt\u00f3rym u\u017cytkownicy mog\u0105 wpisa\u0107 sw\u00f3j adres e-mail, aby subskrybowa\u0107 Twoj\u0105 list\u0119 Mailchimp.\n\nPami\u0119taj, \u017ce ta konfiguracja wymaga posiadania konta Mailchimp oraz dost\u0119pu do swojego klucza API i identyfikatora listy. Gdy wszystko b\u0119dzie skonfigurowane, Twoi odwiedzaj\u0105cy b\u0119d\u0105 mogli \u0142atwo subskrybowa\u0107 Tw\u00f3j newsletter, a ich adresy e-mail zostan\u0105 automatycznie dodane do Twojej listy Mailchimp. [\n \"jak zintegrowa\u0107 Mailchimp z WordPress\",\n \"po\u0142\u0105cz Mailchimp z witryn\u0105 WordPress\",\n \"dodaj newsletter Mailchimp do WordPress\",\n \"konfiguracja wtyczki Mailchimp dla WordPress\",\n \"korzystanie z Mailchimp z WordPress\",\n \"klucz API Mailchimp do integracji z WordPress\",\n \"samouczek dotycz\u0105cy newslettera Mailchimp dla WordPress\",\n \"przewodnik po wtyczce Mailchimp dla WordPress\",\n \"po\u0142\u0105cz WordPress z list\u0105 Mailchimp\",\n \"kroki integracji Mailchimp z WordPress\"\n] Aby po\u0142\u0105czy\u0107 swoj\u0105 stron\u0119 WordPress z Mailchimp, b\u0119dziesz potrzebowa\u0107 klucza API oraz identyfikatora listy (List ID) z Mailchimp. Ten kod pomo\u017ce Ci zintegrowa\u0107 Mailchimp z Twoj\u0105 stron\u0105 WordPress, umo\u017cliwiaj\u0105c odwiedzaj\u0105cym subskrybowanie Twojego newslettera bezpo\u015brednio z Twojej strony.\n\nOto szybki przegl\u0105d, jak to dzia\u0142a:\n\n\n Klucz API i identyfikator listy: Musisz zast\u0105pi\u0107 'your_mailchimp_api_key' oraz 'your_mailchimp_list_id' swoim rzeczywistym kluczem API Mailchimp i identyfikatorem listy. S\u0105 one niezb\u0119dne do po\u0142\u0105czenia Twojej strony z kontem Mailchimp.\n AJAX dla subskrypcji: Kod wykorzystuje AJAX do obs\u0142ugi \u017c\u0105da\u0144 subskrypcyjnych bez od\u015bwie\u017cania strony. Dzi\u0119ki temu do\u015bwiadczenie u\u017cytkownika jest p\u0142ynniejsze.\n Sprawdzenie bezpiecze\u0144stwa: U\u017cywany jest nonce (unikalny token), aby zapewni\u0107, \u017ce \u017c\u0105dania subskrypcyjne s\u0105 bezpieczne i legalne.\n Formularz subskrypcyjny: Prosty formularz jest tworzony za pomoc\u0105 shortcode. Mo\u017cesz umie\u015bci\u0107 ten shortcode w dowolnym miejscu na swojej stronie, aby wy\u015bwietli\u0107 formularz subskrypcyjny.\n Obs\u0142uga odpowiedzi: Kod sprawdza, czy subskrypcja by\u0142a udana i zapewnia u\u017cytkownikowi informacj\u0119 zwrotn\u0105.\n\n\nAby wy\u015bwietli\u0107 formularz subskrypcyjny, u\u017cyj shortcode [wp_dudecom_mailchimp_form] w swoich postach lub stronach. To spowoduje wy\u015bwietlenie formularza, w kt\u00f3rym u\u017cytkownicy mog\u0105 wpisa\u0107 sw\u00f3j adres e-mail, aby subskrybowa\u0107 Twoj\u0105 list\u0119 Mailchimp.\n\nPami\u0119taj, \u017ce ta konfiguracja wymaga posiadania konta Mailchimp oraz dost\u0119pu do swojego klucza API i identyfikatora listy. Gdy wszystko b\u0119dzie skonfigurowane, Twoi odwiedzaj\u0105cy b\u0119d\u0105 mogli \u0142atwo subskrybowa\u0107 Tw\u00f3j newsletter, a ich adresy e-mail zostan\u0105 automatycznie dodane do Twojej listy Mailchimp. \n \n \n Subscribe", "articleSection": "Integracje zewn\u0119trzne", "datePublished": "2024-12-20T21:30:01+00:00", "dateModified": "2024-12-21T18:53:11+00:00", "author": { "@type": "Person", "name": "WP-Dude.com" }, "url": "https://wp-dude.com/pl/code-snippet/polacz-swoja-strone-wordpress-z-mailchimp-w-prosty-sposob/", "wordCount": 576, "speakable": { "@type": "SpeakableSpecification", "cssSelector": ".post__content" }, "dependencies": "WordPress", "proficiencyLevel": "Beginner" }, { "@type": "HowTo", "@id": "https://wp-dude.com/pl/code-snippet/polacz-swoja-strone-wordpress-z-mailchimp-w-prosty-sposob/#howto", "name": "Po\u0142\u0105cz swoj\u0105 stron\u0119 WordPress z Mailchimp w prosty spos\u00f3b - How to", "description": "Aby po\u0142\u0105czy\u0107 swoj\u0105 stron\u0119 WordPress z Mailchimp, b\u0119dziesz potrzebowa\u0107 klucza API oraz identyfikatora listy (List ID) z Mailchimp. Ten kod pomo\u017ce Ci zintegrowa\u0107 Mailchimp z Twoj\u0105 stron\u0105 WordPress, umo\u017cliwiaj\u0105c odwiedzaj\u0105cym subskrybowanie Twojego newslettera bezpo\u015brednio z Twojej strony.\n\nOto szybki przegl\u0105d, jak to dzia\u0142a:\n\n\n Klucz API i identyfikator listy: Musisz zast\u0105pi\u0107 'your_mailchimp_api_key' oraz 'your_mailchimp_list_id' swoim rzeczywistym kluczem API Mailchimp i identyfikatorem listy. S\u0105 one niezb\u0119dne do po\u0142\u0105czenia Twojej strony z kontem Mailchimp.\n AJAX dla subskrypcji: Kod wykorzystuje AJAX do obs\u0142ugi \u017c\u0105da\u0144 subskrypcyjnych bez od\u015bwie\u017cania strony. Dzi\u0119ki temu do\u015bwiadczenie u\u017cytkownika jest p\u0142ynniejsze.\n Sprawdzenie bezpiecze\u0144stwa: U\u017cywany jest nonce (unikalny token), aby zapewni\u0107, \u017ce \u017c\u0105dania subskrypcyjne s\u0105 bezpieczne i legalne.\n Formularz subskrypcyjny: Prosty formularz jest tworzony za pomoc\u0105 shortcode. Mo\u017cesz umie\u015bci\u0107 ten shortcode w dowolnym miejscu na swojej stronie, aby wy\u015bwietli\u0107 formularz subskrypcyjny.\n Obs\u0142uga odpowiedzi: Kod sprawdza, czy subskrypcja by\u0142a udana i zapewnia u\u017cytkownikowi informacj\u0119 zwrotn\u0105.\n\n\nAby wy\u015bwietli\u0107 formularz subskrypcyjny, u\u017cyj shortcode [wp_dudecom_mailchimp_form] w swoich postach lub stronach. To spowoduje wy\u015bwietlenie formularza, w kt\u00f3rym u\u017cytkownicy mog\u0105 wpisa\u0107 sw\u00f3j adres e-mail, aby subskrybowa\u0107 Twoj\u0105 list\u0119 Mailchimp.\n\nPami\u0119taj, \u017ce ta konfiguracja wymaga posiadania konta Mailchimp oraz dost\u0119pu do swojego klucza API i identyfikatora listy. Gdy wszystko b\u0119dzie skonfigurowane, Twoi odwiedzaj\u0105cy b\u0119d\u0105 mogli \u0142atwo subskrybowa\u0107 Tw\u00f3j newsletter, a ich adresy e-mail zostan\u0105 automatycznie dodane do Twojej listy Mailchimp.", "step": [ { "@type": "HowToStep", "text": "Lokalizacja pliku: Dodaj poni\u017cszy kod do pliku functions.php swojego motywu lub do pliku niestandardowej wtyczki.\n\nWymagania wst\u0119pne:\n\n Upewnij si\u0119, \u017ce masz konto Mailchimp.\n Pobierz sw\u00f3j klucz API Mailchimp oraz identyfikator listy.\n\n\nKroki wdro\u017cenia:\n\n Dost\u0119p do panelu WordPress: Zaloguj si\u0119 do swojego panelu administracyjnego WordPress.\n Otw\u00f3rz Edytor motywu: Przejd\u017a do Wygl\u0105d > Edytor motywu lub u\u017cyj edytora kodu, je\u015bli wolisz edytowa\u0107 pliki bezpo\u015brednio.\n Edytuj functions.php: Zlokalizuj i otw\u00f3rz plik functions.php swojego aktywnego motywu.\n Wstaw kod: Skopiuj i wklej podany kod do pliku functions.php.\n Zamie\u0144 klucz API i identyfikator listy: W kodzie zamie\u0144 'your_mailchimp_api_key' oraz 'your_mailchimp_list_id' na sw\u00f3j rzeczywisty klucz API Mailchimp i identyfikator listy.\n Zapisz zmiany: Zapisz zmiany w pliku functions.php.\n U\u017cyj shortcode: Dodaj shortcode [wp_dudecom_mailchimp_form] do dowolnego wpisu lub strony, na kt\u00f3rej chcesz, aby formularz subskrypcyjny si\u0119 pojawi\u0142.\n Przetestuj formularz: Odwied\u017a stron\u0119, na kt\u00f3rej doda\u0142e\u015b shortcode i przetestuj formularz subskrypcyjny, aby upewni\u0107 si\u0119, \u017ce dzia\u0142a poprawnie.\n\n\nJe\u015bli napotkasz jakiekolwiek problemy lub potrzebujesz dalszej pomocy, rozwa\u017c skontaktowanie si\u0119 z wp-dude.com w celu uzyskania profesjonalnej pomocy przy wdro\u017ceniu lub zaawansowanej funkcjonalno\u015bci." } ] } ] }