Dodaj łatwo widget Google Recenzje do WordPressa

Jak dodać widget recenzji Google do WordPressa; Najlepsza wtyczka do recenzji Google dla WordPressa; Osadzić recenzje Google na stronie WordPress; Darmowy widget recenzji Google dla WordPressa; Wyświetlanie recenzji Google na WordPressie; Integracja recenzji Google z WordPressem; Konfiguracja widgetu recenzji Google dla WordPressa; Wtyczka WordPress do recenzji Google; Pokazanie recenzji Google na stronie WordPress; Instalacja widgetu recenzji Google w WordPressie;

Objaśnienie

Aby wyświetlić recenzje Google na swojej stronie WordPress, ten kod pomoże Ci dodać widget, który je wyświetli. Oto jak to działa:

  • Ładowanie skryptu: Kod zawiera skrypt dla widgetu recenzji Google. Ładowany jest tylko na froncie Twojej strony, a nie w obszarze administracyjnym.
  • Shortcode: Możesz użyć shortcode [google_reviews place_id="YOUR_PLACE_ID"], aby wyświetlić recenzje. Wystarczy zastąpić YOUR_PLACE_ID swoim rzeczywistym identyfikatorem miejsca Google.
  • Strona ustawień: W Twoim panelu administracyjnym WordPress znajduje się strona ustawień, na której możesz zapisać swój identyfikator miejsca Google. Ułatwia to zarządzanie bez konieczności edytowania shortcode za każdym razem.

Gdy użyjesz shortcode, widget pojawi się wszędzie tam, gdzie go umieścisz na swojej stronie, wyświetlając recenzje z określonego identyfikatora miejsca Google. Upewnij się, że w ustawieniach wprowadzono prawidłowy identyfikator miejsca, aby recenzje były wyświetlane poprawnie.

Kod

<?php
// Function to enqueue Google Reviews Widget script
function wp_dudecom_enqueue_google_reviews_script() {
    if ( ! is_admin() ) {
        wp_enqueue_script( 'google-reviews-widget', 'https://path-to-google-reviews-widget.js', array(), null, true );
    }
}
add_action( 'wp_enqueue_scripts', 'wp_dudecom_enqueue_google_reviews_script' );

// Shortcode to display Google Reviews Widget
function wp_dudecom_display_google_reviews_widget( $atts ) {
    // Ensure the attributes are sanitized
    $atts = shortcode_atts(
        array(
            'place_id' => '', // Google Place ID
        ),
        $atts,
        'google_reviews'
    );

    // Check if Place ID is provided
    if ( empty( $atts['place_id'] ) ) {
        return '<p>Please provide a valid Google Place ID.</p>';
    }

    // Output the Google Reviews Widget
    ob_start();
    ?>
    <div id="google-reviews-widget" data-place-id="<?php echo esc_attr( $atts['place_id'] ); ?>"></div>
    <script>
        // Initialize the Google Reviews Widget
        document.addEventListener('DOMContentLoaded', function() {
            if (typeof GoogleReviewsWidget !== 'undefined') {
                GoogleReviewsWidget.init({
                    placeId: '<?php echo esc_js( $atts['place_id'] ); ?>',
                    container: '#google-reviews-widget'
                });
            }
        });
    </script>
    <?php
    return ob_get_clean();
}
add_shortcode( 'google_reviews', 'wp_dudecom_display_google_reviews_widget' );

// Function to add settings page for Google Reviews Widget
function wp_dudecom_google_reviews_settings_page() {
    add_options_page(
        'Google Reviews Settings',
        'Google Reviews',
        'manage_options',
        'google-reviews-settings',
        'wp_dudecom_google_reviews_settings_page_html'
    );
}
add_action( 'admin_menu', 'wp_dudecom_google_reviews_settings_page' );

// HTML for the settings page
function wp_dudecom_google_reviews_settings_page_html() {
    if ( ! current_user_can( 'manage_options' ) ) {
        return;
    }

    if ( isset( $_POST['wp_dudecom_google_reviews_nonce'] ) && wp_verify_nonce( $_POST['wp_dudecom_google_reviews_nonce'], 'wp_dudecom_google_reviews_save_settings' ) ) {
        update_option( 'wp_dudecom_google_reviews_place_id', sanitize_text_field( $_POST['wp_dudecom_google_reviews_place_id'] ) );
        echo '<div class="updated"><p>Settings saved.</p></div>';
    }

    $place_id = get_option( 'wp_dudecom_google_reviews_place_id', '' );
    ?>
    <div class="wrap">
        <h1>Google Reviews Settings</h1>
        <form method="post" action="">
            <?php wp_nonce_field( 'wp_dudecom_google_reviews_save_settings', 'wp_dudecom_google_reviews_nonce' ); ?>
            <table class="form-table">
                <tr valign="top">
                    <th scope="row">Google Place ID</th>
                    <td>
                        <input type="text" name="wp_dudecom_google_reviews_place_id" value="<?php echo esc_attr( $place_id ); ?>" class="regular-text" />
                        <p class="description">Enter your Google Place ID to display reviews.</p>
                    </td>
                </tr>
            </table>
            <?php submit_button(); ?>
        </form>
    </div>
    <?php
}
?>

Instrukcja

Lokalizacja pliku: Dodaj kod do pliku functions.php swojego motywu lub stwórz plik własnej wtyczki.

Wymagania wstępne: Upewnij się, że masz dostęp do panelu administracyjnego WordPressa oraz możliwość edytowania plików motywu lub przesyłania wtyczek.

Kroki wdrożenia:

  1. Dostęp do plików WordPressa:
    • Zaloguj się do panelu administracyjnego WordPressa.
    • Przejdź do Wygląd > Edytor motywu, jeśli edytujesz plik functions.php, lub użyj klienta FTP, aby przesłać plik własnej wtyczki.
  2. Dodaj kod:
    • Skopiuj podany fragment kodu.
    • Wklej go do pliku functions.php lub do pliku własnej wtyczki.
    • Zapisz zmiany.
  3. Skonfiguruj Google Place ID:
    • W panelu administracyjnym WordPressa przejdź do Ustawienia > Google Reviews.
    • Wprowadź swój Google Place ID w podanym polu.
    • Kliknij Zapisz zmiany, aby zapisać ustawienia.
  4. Użyj shortcode:
    • W dowolnym poście lub stronie dodaj shortcode [google_reviews place_id="YOUR_PLACE_ID"].
    • Zamień YOUR_PLACE_ID na Google Place ID, które skonfigurowałeś w ustawieniach.
    • Opublikuj lub zaktualizuj post/stronę, aby wyświetlić widżet Google Reviews.

Jeśli potrzebujesz pomocy przy wdrożeniu lub wymagasz bardziej zaawansowanej funkcjonalności, rozważ skontaktowanie się z wp-dude.com w celu uzyskania fachowej pomocy.

\n

Settings saved.

';\n }\n\n $place_id = get_option( 'wp_dudecom_google_reviews_place_id', '' );\n ?>\n
\n

Google Reviews Settings

\n
\n \n \n \n \n \n \n
Google Place ID\n \" class=\"regular-text\" />\n

Enter your Google Place ID to display reviews.

\n
\n \n
\n
\n ", "author": { "@type": "Person", "name": "WP-Dude.com" }, "datePublished": "2024-12-20T21:30:01+00:00", "dateModified": "2024-12-21T18:53:15+00:00" }, { "@type": "TechArticle", "@id": "https://wp-dude.com/pl/code-snippet/dodaj-latwo-widget-google-recenzje-do-wordpressa/#article", "headline": "Dodaj \u0142atwo widget Google Recenzje do WordPressa", "description": "Aby wy\u015bwietli\u0107 recenzje Google na swojej stronie WordPress, ten kod pomo\u017ce Ci doda\u0107 widget, kt\u00f3ry je wy\u015bwietli. Oto jak to dzia\u0142a:\n\n\n \u0141adowanie skryptu: Kod zawiera skrypt dla widgetu recenzji Google. \u0141adowany jest tylko na froncie Twojej strony, a nie w obszarze administracyjnym.\n Shortcode: Mo\u017cesz u\u017cy\u0107 shortcode [google_reviews place_id=\"YOUR_PLACE_ID\"], aby wy\u015bwietli\u0107 recenzje. Wystarczy zast\u0105pi\u0107 YOUR_PLACE_ID swoim rzeczywistym identyfikatorem miejsca Google.\n Strona ustawie\u0144: W Twoim panelu administracyjnym WordPress znajduje si\u0119 strona ustawie\u0144, na kt\u00f3rej mo\u017cesz zapisa\u0107 sw\u00f3j identyfikator miejsca Google. U\u0142atwia to zarz\u0105dzanie bez konieczno\u015bci edytowania shortcode za ka\u017cdym razem.\n\n\nGdy u\u017cyjesz shortcode, widget pojawi si\u0119 wsz\u0119dzie tam, gdzie go umie\u015bcisz na swojej stronie, wy\u015bwietlaj\u0105c recenzje z okre\u015blonego identyfikatora miejsca Google. Upewnij si\u0119, \u017ce w ustawieniach wprowadzono prawid\u0142owy identyfikator miejsca, aby recenzje by\u0142y wy\u015bwietlane poprawnie.", "articleBody": "Aby wy\u015bwietli\u0107 recenzje Google na swojej stronie WordPress, ten kod pomo\u017ce Ci doda\u0107 widget, kt\u00f3ry je wy\u015bwietli. Oto jak to dzia\u0142a:\n\n\n \u0141adowanie skryptu: Kod zawiera skrypt dla widgetu recenzji Google. \u0141adowany jest tylko na froncie Twojej strony, a nie w obszarze administracyjnym.\n Shortcode: Mo\u017cesz u\u017cy\u0107 shortcode [google_reviews place_id=\"YOUR_PLACE_ID\"], aby wy\u015bwietli\u0107 recenzje. Wystarczy zast\u0105pi\u0107 YOUR_PLACE_ID swoim rzeczywistym identyfikatorem miejsca Google.\n Strona ustawie\u0144: W Twoim panelu administracyjnym WordPress znajduje si\u0119 strona ustawie\u0144, na kt\u00f3rej mo\u017cesz zapisa\u0107 sw\u00f3j identyfikator miejsca Google. U\u0142atwia to zarz\u0105dzanie bez konieczno\u015bci edytowania shortcode za ka\u017cdym razem.\n\n\nGdy u\u017cyjesz shortcode, widget pojawi si\u0119 wsz\u0119dzie tam, gdzie go umie\u015bcisz na swojej stronie, wy\u015bwietlaj\u0105c recenzje z okre\u015blonego identyfikatora miejsca Google. Upewnij si\u0119, \u017ce w ustawieniach wprowadzono prawid\u0142owy identyfikator miejsca, aby recenzje by\u0142y wy\u015bwietlane poprawnie. [\n \"jak doda\u0107 widget recenzji Google do WordPressa\",\n \"najlepsza wtyczka do recenzji Google dla WordPressa\",\n \"osadzi\u0107 recenzje Google na stronie WordPress\",\n \"darmowy widget recenzji Google dla WordPressa\",\n \"wy\u015bwietlanie recenzji Google na WordPressie\",\n \"integracja recenzji Google z WordPressem\",\n \"konfiguracja widgetu recenzji Google dla WordPressa\",\n \"wtyczka WordPress do recenzji Google\",\n \"pokazanie recenzji Google na stronie WordPress\",\n \"instalacja widgetu recenzji Google w WordPressie\"\n] Aby wy\u015bwietli\u0107 recenzje Google na swojej stronie WordPress, ten kod pomo\u017ce Ci doda\u0107 widget, kt\u00f3ry je wy\u015bwietli. Oto jak to dzia\u0142a:\n\n\n \u0141adowanie skryptu: Kod zawiera skrypt dla widgetu recenzji Google. \u0141adowany jest tylko na froncie Twojej strony, a nie w obszarze administracyjnym.\n Shortcode: Mo\u017cesz u\u017cy\u0107 shortcode [google_reviews place_id=\"YOUR_PLACE_ID\"], aby wy\u015bwietli\u0107 recenzje. Wystarczy zast\u0105pi\u0107 YOUR_PLACE_ID swoim rzeczywistym identyfikatorem miejsca Google.\n Strona ustawie\u0144: W Twoim panelu administracyjnym WordPress znajduje si\u0119 strona ustawie\u0144, na kt\u00f3rej mo\u017cesz zapisa\u0107 sw\u00f3j identyfikator miejsca Google. U\u0142atwia to zarz\u0105dzanie bez konieczno\u015bci edytowania shortcode za ka\u017cdym razem.\n\n\nGdy u\u017cyjesz shortcode, widget pojawi si\u0119 wsz\u0119dzie tam, gdzie go umie\u015bcisz na swojej stronie, wy\u015bwietlaj\u0105c recenzje z okre\u015blonego identyfikatora miejsca Google. Upewnij si\u0119, \u017ce w ustawieniach wprowadzono prawid\u0142owy identyfikator miejsca, aby recenzje by\u0142y wy\u015bwietlane poprawnie.", "articleSection": "Integracje zewn\u0119trzne", "datePublished": "2024-12-20T21:30:01+00:00", "dateModified": "2024-12-21T18:53:15+00:00", "author": { "@type": "Person", "name": "WP-Dude.com" }, "url": "https://wp-dude.com/pl/code-snippet/dodaj-latwo-widget-google-recenzje-do-wordpressa/", "wordCount": 370, "speakable": { "@type": "SpeakableSpecification", "cssSelector": ".post__content" }, "dependencies": "WordPress", "proficiencyLevel": "Beginner" }, { "@type": "HowTo", "@id": "https://wp-dude.com/pl/code-snippet/dodaj-latwo-widget-google-recenzje-do-wordpressa/#howto", "name": "Dodaj \u0142atwo widget Google Recenzje do WordPressa - How to", "description": "Aby wy\u015bwietli\u0107 recenzje Google na swojej stronie WordPress, ten kod pomo\u017ce Ci doda\u0107 widget, kt\u00f3ry je wy\u015bwietli. Oto jak to dzia\u0142a:\n\n\n \u0141adowanie skryptu: Kod zawiera skrypt dla widgetu recenzji Google. \u0141adowany jest tylko na froncie Twojej strony, a nie w obszarze administracyjnym.\n Shortcode: Mo\u017cesz u\u017cy\u0107 shortcode [google_reviews place_id=\"YOUR_PLACE_ID\"], aby wy\u015bwietli\u0107 recenzje. Wystarczy zast\u0105pi\u0107 YOUR_PLACE_ID swoim rzeczywistym identyfikatorem miejsca Google.\n Strona ustawie\u0144: W Twoim panelu administracyjnym WordPress znajduje si\u0119 strona ustawie\u0144, na kt\u00f3rej mo\u017cesz zapisa\u0107 sw\u00f3j identyfikator miejsca Google. U\u0142atwia to zarz\u0105dzanie bez konieczno\u015bci edytowania shortcode za ka\u017cdym razem.\n\n\nGdy u\u017cyjesz shortcode, widget pojawi si\u0119 wsz\u0119dzie tam, gdzie go umie\u015bcisz na swojej stronie, wy\u015bwietlaj\u0105c recenzje z okre\u015blonego identyfikatora miejsca Google. Upewnij si\u0119, \u017ce w ustawieniach wprowadzono prawid\u0142owy identyfikator miejsca, aby recenzje by\u0142y wy\u015bwietlane poprawnie.", "step": [ { "@type": "HowToStep", "text": "Lokalizacja pliku: Dodaj kod do pliku functions.php swojego motywu lub stw\u00f3rz plik w\u0142asnej wtyczki.\n\nWymagania wst\u0119pne: Upewnij si\u0119, \u017ce masz dost\u0119p do panelu administracyjnego WordPressa oraz mo\u017cliwo\u015b\u0107 edytowania plik\u00f3w motywu lub przesy\u0142ania wtyczek.\n\nKroki wdro\u017cenia:\n\n\n Dost\u0119p do plik\u00f3w WordPressa:\n \n Zaloguj si\u0119 do panelu administracyjnego WordPressa.\n Przejd\u017a do Wygl\u0105d > Edytor motywu, je\u015bli edytujesz plik functions.php, lub u\u017cyj klienta FTP, aby przes\u0142a\u0107 plik w\u0142asnej wtyczki.\n \n \n Dodaj kod:\n \n Skopiuj podany fragment kodu.\n Wklej go do pliku functions.php lub do pliku w\u0142asnej wtyczki.\n Zapisz zmiany.\n \n \n Skonfiguruj Google Place ID:\n \n W panelu administracyjnym WordPressa przejd\u017a do Ustawienia > Google Reviews.\n Wprowad\u017a sw\u00f3j Google Place ID w podanym polu.\n Kliknij Zapisz zmiany, aby zapisa\u0107 ustawienia.\n \n \n U\u017cyj shortcode:\n \n W dowolnym po\u015bcie lub stronie dodaj shortcode [google_reviews place_id=\"YOUR_PLACE_ID\"].\n Zamie\u0144 YOUR_PLACE_ID na Google Place ID, kt\u00f3re skonfigurowa\u0142e\u015b w ustawieniach.\n Opublikuj lub zaktualizuj post/stron\u0119, aby wy\u015bwietli\u0107 wid\u017cet Google Reviews.\n \n \n\n\nJe\u015bli potrzebujesz pomocy przy wdro\u017ceniu lub wymagasz bardziej zaawansowanej funkcjonalno\u015bci, rozwa\u017c skontaktowanie si\u0119 z wp-dude.com w celu uzyskania fachowej pomocy." } ] } ] }